Sanity

AI keywords

AI summary

Sanity is a customizable backend for content-driven websites and apps, featuring a TypeScript CMS, real-time content storage, and interactive editing tools. It supports various frameworks and offers templates for quick project setup. Users can leverage GROQ for flexible querying and utilize Portable Text for rich content management. Sanity is trusted by innovative brands and provides resources for developers to get started easily.

Business Model

B2B

Direct

Tagline

Sanity is a fully customizable all-code backend designed for content-driven websites and applications. It features a TypeScript CMS called Sanity Studio, a real-time content store known as Content Lake, and provides interactive live previews for authors. Sanity allows developers to use various frameworks and tools for querying and rendering content, including Next.js, React, and Angular. The platform supports a unique query language called GROQ, optimized for JSON, and provides rich text and block content as data. Users can quickly get started with templates and extensive documentation available on their website.

Type

CMS

URL

https://www.sanity.io/

Hear how Powerhouse architected for content reuse and editor autonomy. Sign up now! →

A fully customizable all-code backend for content-driven websites and apps—their builders and creators.

Start building Book a demo

A screenshot of Sanity Studio displaying a content management interface for a festival project named ’Resonance ‘25.’ The left sidebar shows a structured navigation menu with categories like ‘Festival facilities,’ ‘Program,’ ‘Artist,’ ‘Music,’ and more. The main panel highlights an artist entry called ‘Neon Pulse,’ showing an editable text field with a bio. A highlighted phrase, ‘weaves dark synths,’ has an inline comment from a user named Cody suggesting adding more vibe. Below, an image editing tool allows adjusting the focal point of a red-toned profile picture of two silhouetted individuals.

Trusted by leaders and innovators

The content-driven app stack

The TypeScript CMSSanity Studio

Sanity Studio

Write TypeScript files and get a multiplayer, React-based CMS—all configured in code.

A user interface displaying a content editing form with fields labeled ‘Title,’ ‘Eyebrow,’ and ‘Author.’ The ‘Title’ field is filled with ‘The Summit,’ while the ‘Eyebrow’ field contains ‘Onwards: upwards,’ with a text cursor placed at the end. A small pink circular indicator with ‘LM’ is visible on the right side of the ‘Eyebrow’ field, possibly representing a comment or edit suggestion. The background features a semi-transparent overlay revealing a code editor with JavaScript-like syntax, including definitions for fields in a content schema.

Content-optimized databaseContent Lake

Content Lake

A real-time content store for documents and assets served from our worldwide edge CDN.

A digital abstract pattern featuring a grid of diamond-shaped icons with alternating symbols of documents and images. One document icon in the center is highlighted with a glowing blue effect, contrasting with the rest of the uniform gray icons. The overall aesthetic is modern and minimalistic, with a sense of depth created through subtle lighting and shading.

Interactive live previewReal-time + Visual Editing

Real-time + Visual Editing

Serve live-updating content to your users and interactive previews to authors.

A content editing interface displaying a title layout for an article called ‘The Summit,’ with the subtitle ‘Onwards: Upwards.’ The background features an image of a mountain. A blue ‘Author’ button is visible, and a cursor is hovering over the name ‘Ellis Cade’ in the author field. A pop-up panel appears, showing details about Ellis Cade, including that this author is used on three pages. The panel also includes fields for editing the author’s first name.

GROQ + TypeGenAutomatically typed

Automatically typed

Generate TypeScript types automatically from your schema and queries for end-to-end type safety.

Works where you work

Query, mutate, and render Sanity content with `${your_favorite_framework}`

Next.js
Tanstack Start
React Router
React
Vite
Svelte
Nuxt
Angular
Astro
Remix
Bun
Laravel
.NET
Electron
Hydrogen
Vue
Eleventy
Ember
Express
Fresh
Gatsby
htmx
Typescript
Meteor
Nest
Node
React Native
Redwood
❤ jQuery ❤
Solid

…or whichever one is coming next.

Our JavaScript client uses web standards to run anywhere

…and it comes in other flavors too.

Vercel
Netlify
Cloudflare
Deno Deploy
Forge
Azure
AWS
Google Cloud

deploy content-driven apps and functions anywhere

Templates→All templates

Get started, faster

Next.js template

Astro template

Remix template

Nuxt template

SvelteKit template

Angular template

Customers→Read more stories

Trusted by the most innovative teams

Innovative brands build fast, scalable solutions with Sanity's Content Operating System

There are so many exciting combinations that PUMA can create with Sanity. Now that we have a structure, it’s infinitely scalable.

Bettina DonmezE-Commerce Platform Development @ PUMA

Read the PUMA story →

Familiar, yet superior.

GROQ

Your new favorite query language

Think “SQL for JSON,” a quick-to-learn and incredibly flexible query language. Not convinced? We support GraphQL, too.

Learn GROQ→

A graphic explaining the anatomy of a simple GROQ query

Portable Text

Rich text and block content as data

So long, MDX. Let authors write content without syntax-based formatting. Rich text and block content are saved as data—not a string—and rendered however you want.

Better block editing→