Next.js CMS

Plug & play CMS for Next.js

Sanity is a customizable, API-based CMS that pairs perfectly with Next.js. Sanity has tools and templates made for Next.js to raise your development experience.

Use official Next.js template Create fresh project

Teams powered by Sanity + Next.js

⚡ Build fast. Edit live. Ship instantly.

From zero to production with Next.js starter

✅ Next.js 15 App Router for fast performance
✅ Live previews with real-time visual editing
✅ Drag-and-drop page builder with dynamic components

START BUILDING NOW

Next.js specific NPM package

Starting from scratch? We've got you covered

Use our official next-sanity toolkit to supercharge your Next.js project. Import a single package to help you implement live previews, image fetching, webhook validation, and more!

Read the documentation

A collage of images representing Sanity's products

AI Readiness Guide

See where your CMS stands

Most AI pilots stall before delivering value. This 2-minute assessment reveals whether your content platform can actually support AI-powered operations or if the architecture is blocking you.

Take the assessment

Bright green graphic asking "Is your CMS ready for AI?" with abstract data blocks.

AI Content Operations

AI workflows you can build today

Your AI is only as good as the content it operates on. These guides show how to build real AI workflows on structured content: working code, honest trade-offs, and a starter kit for each.

AI translations that follow your terminology

Translate structured content field-by-field with Agent Actions. Preserve references, slugs, and schema integrity with human review.

Noah Gentile and 2 others

An AI shopping assistant that actually checks inventory

AI shopping assistant that queries your catalog with real business constraints, not similarity scores. Validates inventory before recommending products.

Knut Melvær and 2 others

Automate your content audits with AI

Find stale pages, missing metadata, and terminology drift. Fix them in the same session. All changes staged as drafts.

Knut Melvær and 1 other

End-to-end type safety

Type-Safe queries and schema types

Sanity TypeGen generates types for Sanity Studio schemas and GROQ query responses, making development smoother and more reliable.

Learn how it works

Live by default

Live Content API

Build live experiences with a few lines of code that work at massive scale. Say goodbye to the refresh button. Sanity Client integrates directly with the built-in Next.js cache, with automatic tag-based revalidation for real-time updates.

Read the documentation

Live Preview, Click, Drag and Drop

Visual Editing: Preview content changes in your frontend

Visual Editing lets content creators see their changes live and edit content directly from the webpage. Think of it as a bridge between your Sanity Studio and your website—your content team can view drafts, click and drag elements to edit them, and see changes in real-time.

Visual Editing documentation

Take the free course

Get Work Ready with Sanity & Next.js

Learn and build a functional, content-driven and dynamic Next.js application that best serves your end-users, fellow developers, and content authors.

Track • Sanity Learn

Work-ready Next.js

Build a functional, content-driven and dynamic web application that best serves your end-users, fellow developers and content authors.

View track

Course • Sanity Learn

Content-driven web application foundations

Combine Sanity and Next.js and deploy to Vercel via GitHub to get the fundamentals right. Powering a fast and collaborative development and content editing experience.

View course

Course • Sanity Learn

Controlling cached content in Next.js

Creating a high performance web application for fast loading depends on caching. Learn how to implement a caching strategy you can understand, debug and depend on.

View course

Course • Sanity Learn

Integrated Visual Editing with Next.js

The ultimate upgrade for content authors is to have absolute confidence in the impact of their work before they press publish – as well as the tools to rapidly find and update even the most minor pieces of content.

View course

Course • Sanity Learn

Build landing pages with Next.js

Give your content authors the creative freedom they need to produce landing pages by assembling individual blocks while still benefitting from structured content.

View course

Course • Sanity Learn

SEO optimized content with Next.js

SEO doesn't have to be complicated. It's a matter of taking content you've already responsibly structured with Sanity and rendering it in the format and places that search engines expect. Complete this course to improve how robots and humans interact with your content with Sanity and Next.js

View course

Developer Exchange

Explore our Next.js templates

Sanity's Next.js templates will inspire your next project and speed up your time to production.

RATED #1 BY DEVELOPERS

Developers love working with Sanity and Next.js

I started using Sanity for a friend's startup project. As I am using react components. Loving it! It allows developers to define a simple schema for content that is easily deployed using command line interface.
Zahra Dargahi
Senior Frontend Developer @ IAG
Read tweet

After testing Strapi and Prismic, I made the choice to focus on Sanity. Their documentation was simple enough to ensure a quick start, the existing React or NextJS libraries made my job a lot easier.
Rayed Benbrahim
Global Partner Solutions Architect Lead for Capgemini
Read review

I'm using Sanity with Next.js, and I just tell clients "this is what I work with, and what I can guarantee lets me build the best products".
Eivind Lindbråten
Full Stack Developer @ Mint