Skip to content
Watch a live product demo 👀 See how Sanity powers richer commerce experiences
Sanity
  • Platform

    Sanity Studio

    Flexible editing environment

    APIs

    Connect to anything

    Content Lake

    Real-time database

    Watch 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
    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 all global markets

    Aether

    Unique digital shopping experience

    Morning Brew

    Omnichannel media distribution

    InVision

    Delivering exceptional customer experiences

    View all

    Popular guides

    Structured content
    Content modeling
    Headless CMS
    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

NetlifyNikeFigmaCloudflareSonosFlexMovemberreMarkableCondé NastSkimsBrex

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

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
  • Progressive Web Application
  • 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
  • What is an API CMS
  • Static Sites 101
  • Headless Commerce 101
  • Headless SEO
  • Localization
  • GraphQL vs REST
  • Content as a Service
  • What is a DXP?
  • Typescript 101
  • Ecommerce SEO
  • React CMS
  • Next.JS CMS
  • CMS for Shopify
  • 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

Company

Contact SalesEnterpriseCareersTerms of ServicePrivacy PolicyAccessibility Statement

Stay connected

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