✨Discover storytelling in the AI age with Pixar's Matthew Luhn at Sanity Connect, May 8th—register now

Next.js resources

Guides, plugins, and other resources for Next.js – the popular React-based JavaScript framework made by Vercel.

9 Next tools

The official Preview toolkit for Sanity

Official(made by Sanity team)

Toolkit for building live-as-you-type content preview experiences and visual editing.

Cody Olsen
Go to The official Preview toolkit for Sanity

The official Sanity toolkit for Next.js

Official(made by Sanity team)

Toolkit for integrating content from Sanity, including previews, Studio embedding, webhook verification, and more

Go to The official Sanity toolkit for Next.js

Inbox Tool

View and manage form submissions from your website inside a Studio Tool.

James Rea
Go to Inbox Tool

next-sanity-extra

Simplify integration of NextJS and Sanity (with live preview)

Christopher Fraser
Go to next-sanity-extra

Next.js Sanity Image

Utility for using responsive images hosted on the Sanity.io CDN with the Next.js image component.

Lorenzo de Jong
Go to Next.js Sanity Image

Sanity Codegen

Generate TypeScript types from your Sanity schemas. Also includes a simple and tiny (<1kB) TypeScript powered client. Built for Jamstack apps.

Rico Kahler
Go to Sanity Codegen

Vercel Deploy

Trigger Vercel Deploy Hooks from your Sanity Studio

Nick DiMatteo
Go to Vercel Deploy

9 Next starters

Clean Next.js + Sanity app

Official(made by Sanity team)

A clean example of Next.js with embedded Sanity ready for recomposition.

Cody Olsen
Go to Clean Next.js + Sanity app

Fully Functional Blog: Series, Snippets, Articles, Tags, Categories, Multi-Authors with Sanity.io v3 and Next.js v13.4

Streamline your blogging journey with our ready-to-use platform. Powered by Next.js v13.4, TypeScript, Tailwind, and Sanity.io v3, it offers advanced schema features for tags, categories, series, and multi-author support. Start your blog hassle-free!

Syeda Maham Fahim
Go to Fully Functional Blog: Series, Snippets, Articles, Tags, Categories, Multi-Authors with Sanity.io v3 and Next.js v13.4

next-13-sanity

Next 13 template with Sanity and Sanity Studio integrated, making it easy to deploy on Vercel right away. All you need to do is add environment variables when deploying, and you get /studio route with preview mode enabled.

Kostiantyn Shyrolapov
Go to next-13-sanity

35 Next guides

View all

Using cursor to improve your Sanity DX

We're a little lazy, and frankly who wouldn't be with all this AI promising to replace us within 10 years? Well let us share with you our way of automating schema generation and improving DX with cursor

This is an external link at:roboto.studio
Go to Using cursor to improve your Sanity DX

Get better at using Sanity Studio

Already using Sanity Studio and want to get faster at editing content, we got you some tips for improving your workflow

This is an external link at:roboto.studio
Go to Get better at using Sanity Studio

Gearing up with Sanity in 2024

Thinking of learning Sanity in 2024, here's our top tips to get you up and running in record time. Don't worry, we'll save you the stress of Typescript generation, naming conventions & our best practices

This is an external link at:roboto.studio
Go to Gearing up with Sanity in 2024

Sanity Webhooks and On-demand Revalidation in Nextjs

Learn how to set up and trigger content updates in your Sanity Headless CMS site built in Nextjs using on-demand revalidation and GROQ-powered webhooks for delivering fast and non-cached content updates

This is an external link at:victoreke.com
Victor Eke
Go to Sanity Webhooks and On-demand Revalidation in Nextjs

198 Next projects made with Sanity

View all

Cabalar Meat Co.

Crafting a new digital home and experience for the best burger spot in town.

Go to Cabalar Meat Co.

Jennifer Fisher

We helped Jennifer Fisher, a Shopify Plus jewelry and lifestyle brand, double their conversion rate by building a fast and fully self-managed online store.

Tinloof
Go to Jennifer Fisher

Roboto Studio

Old faithful, but built in the app router. Testing out the latest and greatest features on our own website, now, with added purple.

Go to Roboto Studio

Fresco Cooks

Fresco Cooks make software for smart appliances

Go to Fresco Cooks

Jamstack Explorers

Jamstack Explorers is a free learning platform created by the team at Netlify to chart a course through the amazing offerings in the Jamstack ecosystem

Go to Jamstack Explorers

Check out these plugins, guides, projects, and starters for Next.js, an industry-leading framework for React. Next enables both client-side and server-side rendering, dynamic page routing, serverless API routes, and provides an excellent developer experience. Paired with Sanity, it makes for an ideal Jamstack framework. The Sanity community has tutorials and example projects to inspire your latest Next.js creation, as well as helpful plugins to take your project to the next level and zero-config starters to get you up and running in a matter of moments.

Other frameworks

All frameworks