Sanity

Your app needs content. That content needs a home that doesn't force you to choose between developer control and editor autonomy.

Sanity is the Content Operating System built for modern development workflows. Start with a simple API and Studio, then add automation, AI, and custom workflows as your needs grow. Unlike traditional CMSes focused at web publishing, Sanity provides the infrastructure for your entire content operation.

This integration connects your Vercel project to Sanity and provisions the environment variables you need to get started.

Adding the integration

The integration provisions environment variables for your Vercel project:

Public Environment Variables

• SANITY_API_PROJECT_ID
• SANITY_STUDIO_PROJECT_ID
• NEXT_PUBLIC_SANITY_PROJECT_ID
• SANITY_API_DATASET
• NEXT_PUBLIC_SANITY_DATASET
• SANITY_STUDIO_DATASET

Private/Secret Environment Variables

• SANITY_API_READ_TOKEN
• SANITY_API_WRITE_TOKEN

For more information about these variables and to see an example implementation, take a look at the Vercel/Sanity.io integration documentation.

Add Sanity Studio to Your Project

1
npm create sanity@latest

Studio deploys alongside your app or to Sanity's hosting. Content updates flow to your frontend in real-time either way.

For Next.js Projects

Use our next-sanity toolkit for production-ready patterns:

1
npm install next-sanity

Includes client configuration, Live Content API for real-time updates, and visual editing helpers.