SUSAM
Susam integrates Sanity asset management with Shopify. As soon as you install it, you will be able to fully utilise Shopify content distribution from your Sanity environment.
Sogody
ReactJS resources
Guides, plugins and other developer resources for ReactJS - the popular open source Javascript framework.
25 React tools
Taxonomy Manager
Create and manage SKOS compliant taxonomies, thesauri, and classification schemes in Sanity Studio.
Andy Fitzgerald
Tags - has 6 likes
A multi-tag input for sanity studio. Fully featured with autocomplete capabilities, live updates, predefined tag options, style and component customizability, and much more.
P Christopher Bowers
Sanity Draft Review Plugin
This plugin allows content editors to quickly view, approve and reject documents in draft mode (not published).
Go to Sanity Draft Review Plugin@sanity/icon preview
Preview all the @sanity/icon-icons before picking which one you want to use
Go to @sanity/icon previewPortableText to React
Official(made by Sanity team)
Render PortableText content in React
Espen Hovlandsdal
9 React starters
Next.js Virtual Event Starter Kit
Featured contribution
Official(made by Sanity team)
Fully customizable starter kit for your next virtual event.
Knut Melvær
HeySugar (Gatsby)
Featured contribution
An open-source, self hosted, blood sugar tracker for type one and type two diabetics. Developed with Sanity and built with Gatsby.
Jamie Bradley
Kitchen Sink
Featured contribution
Official(made by Sanity team)
Sanity.io’s ever-evolving feature-rich demonstration studio. Fully customizable examples of page building, blog template and more examples with a React.js front-end.
Blog with Gatsby
Featured contribution
Official(made by Sanity team)
Fully customizable blog template with a Gatsby & React.js front-end.
Commerce Layer Starter
A multi-country ecommerce starter built with Sanity Studio, Commerce Layer, Next.js, and deployed to Netlify.
Next.js Landing Pages
Official(made by Sanity team)
SEO friendly page builder in React.js. Heroes, sign-up forms and calls to action.
Gatsby Portfolio
Official(made by Sanity team)
A clean Gatsby & React.js starting point for portfolios, project listings or case studies.
Next.js Ecommerce Starter
Official(made by Sanity team)
An e-commerce starter that features a studio with a simple Next.js frontend. This starter uses the Next.js toolkit for Sanity.io.
Next.js Blog with Comments
Official(made by Sanity team)
A blog site with posts and comments stored together for management. Build using Next.js, Sanity.io, and Vercel.
Bryan Robinson
27 React guides
Table of contents with Sanity Portable Text
In this article, we will see how to extract headings from Sanity Portable Text to automatically generate a table of contents.
This is an external link at:kittygiraudel.com
Kitty Giraudel
SUSAM: Integrate Sanity asset management with Shopify
SUSAM integrates Sanity asset management with Shopify.
Sogody
How to Asynchronously Populate List Options in the Sanity Studio
Create a Custom Input Component that allows you to use 3rd party APIs to populate options in your lists.
Racheal Pennell
Add the Telegram Messaging API to your React application
Learn how to use Telegram for sending notifications
Joseph Udonsak
How to use SVGs in React - has 15 likes
This article will explore how to use SVG in React in three examples
Go to How to use SVGs in ReactHow to Create a Single Page Application with React and Sanity
In this article we'll use React and TailwindCSS to build a SPA with a Sanity backend
Olawanle Joel
66 React projects made with Sanity
Fresco Cooks
Featured contribution
Fresco Cooks make software for smart appliances
Figma Config
Featured contribution
Website for Config, the global design conference by Figma.
Corey Ward
Why Mums Don't Jump
Featured contribution
Podcast website, plus blog and custom player. Built with Gatsby with a custom source plugin for TransistorFM.
Paul Brickles
Black History Month Church Activities Micro-Site
Featured contribution
A quickly spun-up marketing site for church activities related to Black History Month themes to help centralize all the information for the congregation.
Thomas Z Lukoma
Developer-Portfolio
React Sanity Portfolio
Programing-School
EdgeTag
Blotout, a $3m-backed YC startup, launched EdgeTag, a serverless app that sends consented data to the Facebook Conversion API directly from the customer’s domain. They initially set up a simple landing page for it, but quickly realized they needed to have a scalable and more content manager friendly platform to create more landing pages for other integrations they support (e.g. Fastly, Cloudflare). We've created for them a performant and easy-to-manage website by leveraging tools like Remix, Sanity CMS, and Vercel.
Omar Benseddik
ReactJS 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.