Inbox Tool
View and manage form submissions from your website inside a Studio Tool.
Go to Inbox ToolGuides, plugins and other developer resources for ReactJS - the popular open source Javascript framework.
View and manage form submissions from your website inside a Studio Tool.
Go to Inbox ToolAccess your plausible analytics in sanity studio.
Go to Plausible Analytics WidgetThe @operationnation/sanity-plugin-schema-markup is a Sanity Studio plugin that allows you to generate Schema Markup in your Studio. It provides a React component for the FE that makes handling structured data super simple.
Go to Schema MarkupData provider package for Refine.dev - A low-code open source platform, based on React to generate internal tools, admin panels, dashboards, B2B apps with flexibility in mind.
Go to Refine Data ProviderA Sanity plugin for selecting, customizing and managing icons. Powered by Iconify
Go to Sanity Icon ManagerIcon picker with over 150,000 open source vector icons
Go to Sanity IconifyA clean example of Next.js with embedded Sanity ready for recomposition.
Go to Clean Next.js + Sanity appA Sanity-powered personal website with built-in content editing and instant previews.
Go to Personal Website with Built-in Content EditingA Sanity-powered blog with built-in content editing and instant previews.
Go to Blog with Built-in Content EditingA multi-country ecommerce store built with Sanity Studio, Commerce Layer, Next.js, and deployed to Netlify.
Go to Commerce Layer Sanity TemplateAdd values for title, alt text and description to image assets through a custom input component with validation and all! (Code in JS & TS)
Go to Awesome custom input component for metadataLearn how to build a portfolio site with Sanity and Next.js 13 and also explore how to setup GROQ-powered webhooks for deployment
Setup interactive live preview with Presentation in a Next.js app router application
Go to Visual Editing with Next.js App Router and Sanity StudioIn this article we explain how we use Sanity and Remix to dynamically create sitemaps. The example used is from Heavybit, a developer tools VC in San Francisco.
Creating custom component is great, but sometimes, it is hard to follow every fields changes, and assure data stability.
Go to Handling complex state in a custom componentSee how we use Sanity and Headless CMS to allow B2B SaaS companies to control their whole site.
We helped Jennifer Fisher, a Shopify Plus jewelry and lifestyle brand, double their conversion rate by building a fast and fully self-managed online store.
Go to Jennifer FisherFresco Cooks make software for smart appliances
Go to Fresco CooksWebsite for Config, the global design conference by Figma.
Go to Figma ConfigPodcast website, plus blog and custom player. Built with Gatsby with a custom source plugin for TransistorFM.
Go to Why Mums Don't JumpA quickly spun-up marketing site for church activities related to Black History Month themes to help centralize all the information for the congregation.
Go to Black History Month Church Activities Micro-SitePresentation and tech demo used on the Sanity Meetup ( Developer Deep Dive )
Go to Sanity Meetup presentationReactJS is a leading Javascript framework for use in developing rich, interactive user interfaces. As one of the most popular and in-demand frameworks in web development, it's increasingly important to add React to your developer toolkkit. Enjoy these guides, tools, plugins, and projects written in React, for use with Sanity studio. There's a lot more here than guides to frontend frameworks! Sanity itself is written in React, so learning the framework in a frontend context (i.e., building React websites) can easily transfer over for use in Sanity, and there are a wide variety of custom React components and plugins for use in Sanity as well.