Repolode
Submit
sanity-io

sanity-io/sanity

Open-source, React-based headless CMS studio for configuring structured content workspaces backed by the hosted Content Lake data store.

Open-source alternative to:ContentfulStoryblok

View on GitHubWebsite
Stars
6,369
Forks
559
Open issues
319
Last commit
6 hours ago

What is it?

Sanity Studio is a single-page content editing application that you configure and extend with JavaScript and React. It sits on top of Sanity's hosted, real-time data store, Content Lake, and lets teams define their own document schemas, field validations, and editing layouts.

The Studio includes a block editor for structured rich text, a plugin architecture with custom components, and theming for branding. Content can be read and written through GROQ queries, a GraphQL API, or client APIs that also support importing, exporting, and listening for live updates. Images are uploaded to an asset pipeline and can be transformed on demand, with metadata such as dominant colors and EXIF data available for query.

Because the frontend is not prescribed, developers can pair the Studio with any frontend framework. The project is MIT-licensed and installed with a single create command.

Key features

  • 01Customizable editing UI built with React and JavaScript
  • 02Schema-defined documents with field validation and custom input components
  • 03GROQ queries and a GraphQL API for reading content
  • 04Real-time listening for content updates and APIs for import and export
  • 05On-demand image transformation with metadata queries

Use cases

  • Building a content editing backend for a marketing or blog website with a custom frontend
  • Creating structured content workspaces with custom validation and document layouts
  • Distributing one content source to multiple channels in real time

Quick start

  1. 1

    Create a new Sanity project with npm

    npm create sanity@latest
  2. 2

    Alternatively, create a project with yarn

    yarn create sanity@latest
  3. 3

    Alternatively, create a project with pnpm

    pnpm create sanity@latest
  4. 4

    Follow the official step-by-step getting started guide

Things to know

  • Sanity hosts content in the Content Lake, so the data store is a hosted service rather than fully self-hosted.
  • Paid plans apply for overages beyond the free plan's included bandwidth and hosting.

Topics

#cms#headless-cms#react#content-management#real-time#graphql#typescript#headless#reactjs#realtime

FAQ

What is sanity?
Open-source, React-based headless CMS studio for configuring structured content workspaces backed by the hosted Content Lake data store. Sanity Studio is a single-page content editing application that you configure and extend with JavaScript and React. It sits on top of Sanity's hosted, real-time data store, Content Lake, and lets teams define their own document schemas, field validations, and editing layouts.
Is sanity free to use? What license does it have?
sanity is open source under the MIT license. Check the license terms before using it in commercial products.
Is sanity still maintained?
Actively maintained. The last commit to sanity was on Oct 22, 2026.
What can I use sanity for?
Building a content editing backend for a marketing or blog website with a custom frontend Creating structured content workspaces with custom validation and document layouts Distributing one content source to multiple channels in real time
How do I install sanity?
Create a new Sanity project with npm: npm create sanity@latest Alternatively, create a project with yarn: yarn create sanity@latest Alternatively, create a project with pnpm: pnpm create sanity@latest Follow the official step-by-step getting started guide
Where can I get sanity?
The source code and installation instructions are on GitHub: https://github.com/sanity-io/sanity

Summary generated by AI from the project's README. GitHub stats refresh daily.

Related projects