Shopify + Sanity: Read about the investment and partnership –>
Skip to content
Sanity
Get started
  • Sanity Studio - Flexible editing environment
  • Content Lake - Real-time database
  • Developer experience - Tooling you love
  • Structured content - The philosophy behind Sanity
  • Review changes - View edits & rollback instantly
  • Image pipeline - On-demand transformations
  • E-commerce - Better shopping experiences
  • Marketing sites - Control your story
  • Products & services - Innovate and automate
  • Mobile apps - Content backend for every OS
  • Morning Brew - Omnichannel media distribution
  • InVision - Delivering exceptional customer experiences
  • DataStax - Personalization for global audience
  • Cloudflare - Flexible modeling for a global CDN
  • React
  • Gatsby
  • Next
  • Nuxt
  • Eleventy
  • Netlify
  • Vercel
  • Algolia
  • Documentation
  • Reference
  • Guides
  • Tools & plugins
  • Project showcase
  • Schemas & snippets
  • Technology partners
  • Get support
  • Share your work
  • Shopify Invests in Sanity: Connecting Commerce with Content
PricingContact salesLog inGet 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.

Headless CMS Editor for GraphQL

Powering exceptional digital experiences everywhere

NetlifyNikeFigmaSonosFlexMovemberreMarkableCondé NastCloudflareBrex

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 @gatsbyjs.

Michael Molisani @Semirespectable

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 Gatsby. The starters comes 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 install -g @sanity/cli && sanity init

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.

Build a website in minutes using GraphQL

Use best-practice starter templates, fully configured and deployed

Blog with Gatsby
Fully customizable blog template with a React.js front-end.
Get started →
Events with Nuxt.js
Data-driven conference website in Vue.js. Speakers, sessions, and scheduling.
Get started →
Landing pages with Next.js
SEO friendly page builder in React.js. Heroes, sign-up forms and calls to action.
Get started →
Browse all starters

Platform

Structured ContentDeveloper experienceContent LakeSanity StudioSecurity & Compliance

Resources

Documentation
  • Content Modeling
  • 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
  • React Starters
  • Next.js Starters
  • Next.js Landing Pages
  • Next.js E-commerce
  • Gatsby Starters
  • Gatsby Plugins
  • Developer Portfolio Templates
Case Studies
  • Headless CMS
  • Digital Experience Platform
  • Static Site Generator
  • Localization
  • GraphQL vs REST
  • React CMS
  • Next.JS CMS
  • Gatsby CMS
  • Node CMS
  • E-commerce CMS
  • Vue CMS
  • Angular CMS
  • GraphQL CMS
  • Newspaper CMS
  • Magazine CMS

Company

Contact SalesEnterpriseCareersTerms of Service

Stay connected

  • Github
  • Slack
  • Twitter
  • YouTube
  • Stack Overflow
  • Blog RSS

Subscribe to our newsletter

©Sanity 2022