Skip to content
Sanity
    • Platform

      Sanity Studio

      Flexible editing environment

      APIs

      Connect to anything

      Content Lake

      Real-time database

      Try product demo

      Features

      Real-time collaboration

      Fearlessly work with content

      Precise content querying

      Treat content as data with GROQ

      Localization

      Coherent messaging across territories

    • Use cases

      E-commerce

      Richer shopping experiences

      Marketing sites

      Control your story

      Products & services

      Innovate and automate

      Mobile apps

      Content backend for every OS

      View all

      Integrations

      Shopify
      Mux
      Vercel
      Netlify
      Algolia
      Cloudinary
      BigCommerce
      Commerce Layer
      Smartling
      Transifex
      View all
    • Learn

      Documentation
      Studio API Reference
      API reference
      Guides
      GROQ cheat sheet
      Sanity UI
      Get started

      Build and share

      Templates
      Tools and plugins
      Schemas and snippets
      Project showcase
      Share your work
      Browse Exchange

      Frameworks

      React
      Vue
      Next.js
      Nuxt.js
      Svelte
      Remix
      Gatsby
      Astro
      Angular
      Eleventy
      View all
    • Discover

      Blog
      Resource library
      Agency partners
      Become a partner
      Technical support
      Talk to sales

      Case studies

      Puma

      Source of truth for global markets

      Aether

      Unique digital shopping experience

      Morning Brew

      Omnichannel media distribution

      InVision

      Delivering exceptional customer experiences

      View all

      Popular guides

      Headless CMS
      Structured content
      Content modeling
      Headless SEO
      Static websites
      View all
    • Enterprise
    • Pricing
    • Log in
    • Contact sales
    • Get started
Contact salesGet started

GraphQL Headless CMS

Sanity is an open-source API-based Headless CMS that works perfectly with GraphQL. Sanity lets you define your own content models with JavaScript and extend it with your own React.js components.

npm create sanity@latest
Get startedGet a demo
Headless CMS Editor for GraphQL

Powering exceptional digital experiences everywhere

NetlifyNikeFigmaCloudflareSonosFlexreMarkableCondé NastPumaSkimsBrex

Voted #1 by developers

In the 2022 JAMStack Community Survey, Sanity has the highest satisfaction score for content platforms.

It's the fastest, most flexible way to structure and deliver content to digital products.

Find out why and get started in minutes.

Get started and find out why

I feel like I'm cheating when I use Sanity.io. Config is so customizable and feels truly unlimited. No limit on 'instance' or 'install' type parameters. Just plugable schemas. Feels great, especially with Gatsby.js.

Michael Molisani

Software Development Engineer

Fully Customizable Editor Interface

With Sanity Studio you can build content infrastructure that provides immediate value while providing a clean and intuitive interface for your editors and developers as needs evolve. The editing interface offers rapid configuration and free form customization. Sanity Studio is also responsive and can be used from your phone whenever you need to change content.

GraphQL Content Management System

To get started in minutes, try Sanity a blog or portfolio template made with GraphQL. The templates come with a fully configured Sanity Studio and a best-practice CMS frontend framework.

If you would like to build a CMS from scratch, you can get started by installing the CLI tooling:

npm create sanity@latest

Build a Headless CMS with GraphQL

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

Get Started For Free

Benefits when building a Headless CMS with GraphQL

  • Query exactly what you need
  • Improved stability
  • Increased query efficiency
  • Retrieve data in one single request
  • Lower overhead costs related to implementation
  • Use data from any source

What is GraphQL?

GraphQL is a pattern and an open-source query language for API’s connected to data, consisting of a type system, query language, execution semantics, static validation, and type introspection.

GraphQL enables developers to get the exact information they need in a flexible way, by letting the client define the structure of the data required. By using GraphQL, developers also benefit from the growing GraphQL ecosystem, where new flexible tooling and libraries are added regularly.

Some popular caching and fetch clients for GraphQL include; Apollo , Relay Modern, FetchQL, GraphQL Request, Lokka, Micro GraphQL React and URQL.

GraphQL Alternatives

While GraphQL is becoming increasingly popular, Sanity.io was built with GROQ as the core query language. The idea behind GROQ, is to be able to describe exactly what information your application needs, while enabling ad hoc joining information from several sets of documents, then stitching together a very specific response with only the exact fields you need.

With Sanity.io’s GROQ and GraphQL endpoints, you'll be hard to find a more versatile API offering for structured content.

Read the documentation on how to work with the GraphQL endpoints, or learn more about how to deploy the GraphQL API from the sanity schema.

CMS integrations

Integrate Sanity with other technologies

Sanity can be integrated with any major framework, providing the flexibility need to have full control of your project.

  • React
  • Next.js
  • Angular
  • Node.js
  • GraphQL
  • Vue.js
  • Gatsby
  • Hugo
  • Remix
  • JavaScript logoJavaScript
  • Nuxt.js logo in greenNuxt.js
  • Astro iconAstro
  • SvelteKit logoSvelteKit
  • 11ty logoEleventy

Build a website in minutes using GraphQL

Use best-practice starter templates, fully configured and deployed

Blog with Built-in Content Editing

A Sanity-powered blog with built-in content editing and instant previews.

  • Vercel
  • Next.js

Personal Website with Built-in Content Editing

A Sanity-powered personal website with built-in content editing and instant previews.

  • Vercel
  • Next.js
Browse all templates

Last updated April 25, 2023

Product

Sanity StudioAPIsContent LakeSecurity & Compliance
  • Sanity vs Contentful
  • Sanity vs Strapi
  • Sanity vs Wordpress
  • Sanity vs Adobe Experience Manager
  • Sanity vs Hygraph
  • Sanity vs Sitecore
  • Sanity vs Storyblok
  • Sanity vs Contentstack
  • Sanity vs Prismic
  • Sanity vs Drupal
  • Sanity vs ButterCMS

Resources

DocumentationBlogResource libraryCase Studies
  • React Blog
  • Gatsby Blog
  • Next.js Landing Pages
  • Making a PWA
  • Single Page Application
  • Svelte & Typescript App
  • Vue & Tailwind Blog
  • Developer Portfolio Templates
  • Form validation with Yup
  • Live Preview with Next.js and Sanity.io
  • Next.js blog
  • Next.js personal website
  • Clean Next.js + Sanity app
  • Clean Remix + Sanity app
  • Clean SvelteKit + Sanity app
  • All Templates
  • Agency partners
  • Technology partners
  • Headless CMS 101
  • Static Sites 101
  • Headless Commerce 101
  • CMS for enterprise
  • Headless SEO
  • Localization
  • Content as a Service
  • What is a DXP?
  • Typescript 101
  • Ecommerce SEO
  • What is a Composable DXP?
  • What is an API?
  • GraphQL vs REST
  • React CMS
  • Next.JS CMS
  • CMS for Shopify
  • API-first CMS
  • Content platform
  • Multilingual CMS
  • Static Site CMS
  • Gatsby CMS
  • Node CMS
  • E-commerce CMS
  • Vue CMS
  • Angular CMS
  • GraphQL CMS
  • Newspaper CMS
  • Magazine CMS
  • CMS for apps
  • Remix CMS
  • Nuxt CMS
  • SvelteKit CMS
  • Agile CMS
  • Eleventy CMS

Company

Contact SalesEnterpriseCareersTerms of ServicePrivacy PolicyAccessibility Statement

Stay connected

  • GitHub
  • Slack
  • Twitter
  • YouTube
  • Stack Overflow
  • Blog RSS
  • Newsletter
©Sanity 2023