Unlock seamless workflows and faster delivery with our latest releases – get the details
VOTED #1 BY DEVELOPERS

The Best CMS Built With React

POWERING EXCEPTIONAL DIGITAL EXPERIENCES EVERYWHERE

React from front to back

Fully customizable editor

Powerful APIs

Image optimization

Embeddable studio

Framework integrations

Workspaces

Deeply customizable environments

A screenshot of the Sanity Studio with a window for selecting difference workspaces
Query anything and everything

Powerful APIs and query languages

an illustration showing a frontend querying data from the sanity content lake

React developers love working with Sanity

It’s just SO easy. I made both the site and CMS in about half a day total. Modelled the ThemeUI and content schema in GraphQL SDL, wrote the custom bits for the editor in React, and barely had to do anything on the Gatsby side. I don’t know how the DX could be much better!?

A portrait of Michael Edelman
Michael Edelman
Solutions Architect @ Apollo GraphQL
Read tweet

I started using Sanity for a friend's startup project. As I am using react components. Loving it! It allows developers to define a simple schema for content that is easily deployed using command line interface.

A portrait of Zahra Dargahi
Zahra Dargahi
Senior Frontend Developer @ IAG
Read tweet

After playing around with different JAMstack combos, headless CMS, SSGs for React, etc... I think I've finally landed on my ultimate, seamless, buzzworded, undefeatable ultra stack: Sanity as a CMS, Create React App, React Snap (SSR) + Netlify (pre-rendering).

A portrait of Kevin McAloon
Kevin McAloon
Frontend Developer @ Compassion International
Read tweet

The CMS is made with React and it’s open source so you can extend/tweak it unlike competitors like Contentful. Content modeling is flexible and powerful. It has a generous free tier and after that you pay only what extra you need.

A portrait of Brent Robbins
Brent Robbins
Full Stack React Developer
Portable Text

Total presentational control to help you go far

Illustration showing Sanity studio portable text shown in different front ends
Framework integrations

Build your own React CMS

A screenshot of Sanity React CMS

Ranked #1 in CMS Satisfaction

Start now
A chart of the satisfaction scores in the netlify report showing sanity at the top

The benefits of using a React-based Headless CMS

Why you should consider Sanity for your project.

Version control your backend

Sanity is configured and customized entirely in code meaning you can version control your backend and store it in git just like your frontend. No more GUI

Real-time collaboration

Our dynamic React-based editing environment is fully real-time; every keystroke is stored and shared in an instant. It also tracks changes, retains a detailed history, and offers one-click restores.

Respond to editor needs

You have the freedom to structure Sanity Studio however you like. Use React patterns to group content types in meaningful ways, hide the stuff you don’t use every day, combine rich document list-views from any field, and brand the studio in your own image.

Reuse content across multiple channels

You don’t have to get by with managing content in different places. We provide scalable storage, flexible APIs, and best-in-class tools for structuring content so you can build exactly what you need, then fetch and query it for any channel you like.

Open source

The Sanity Studio ships as an open-source single page React app. Install plugins from npm or build your own. You can also integrate Sanity in your own applications.

Easily combine rich-text with data

Sanity treats your content as data, and data as content. There’s no HTML, just JSON from beginning to end. Add semantic metadata to any field, annotate any text or inline object, and access everything from an edge-cached global CDN.

Enhance content through third-party APIs

You can connect Sanity with API-based 3rd party services for better content workflows. Send content back and forth between services places like Slack and Hubspot to get more done and reduce management tasks.

Iterate faster

Sanity’s flexible modeling and UI customization capabilities let you iterate quickly and evolve as you go. So you can reduce your time to market and work with content from day one.

Serve content from a global CDN

Your content lives on a fully-managed data store hosted in the cloud and a global asset CDN. So you can focus on building great content and experiences instead of worrying about servers, space and bandwidth.

Sanity has helped us transform the way we deliver content. It’s easy to customize and extend to meet our growing business needs.

A portrait of Adina Ong
Adina Ong
Web Development Manager @ Cornerstone OnDemand

How does a React CMS work?

What you need to know about working with a React CMS.

React is the leading JavaScript library for building highly interactive online experiences. It popularized the now ubiquitous idea of using components to structure an app and provides a well-known API for managing state in your application.

Ultimately, this gives React the power to control what is rendered on the screen based on how state changes. This interactivity and composability make React the perfect choice for building a CMS.

In a React CMS, React acts as the bridge between the raw database servers and the user interface an editor sees. React can react to changes in the user interface or the database and then take a related action.

An illustration of a React CMS interacting with the Sanity Studio and Content Lake

Imagine you complete your next great blog post and hit publish. React is responsible for reacting to this publish event and then doing something like updating the document status to published. React will also then handle passing this changed document status onto the database itself.

CMS INTEGRATIONS

Integrate Sanity with other technologies

Try Sanity React.js CMS

Generous quota included. Pay-as-you-go for users, usage and features on all plans.