Next.js resources

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

8 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

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

7 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

27 Next guides

View all

How to build a Portfolio Site with Sanity and Next.js

Learn how to build a portfolio site with Sanity and Next.js 13 and also explore how to setup GROQ-powered webhooks for deployment

This is an external link at:www.freecodecamp.org
Victor Eke
Go to How to build a Portfolio Site with Sanity and Next.js

Setting up live preview for sanity on next 13.4 using drafts mode

You've read the changelog, you watched the announcement and you're feeling pumped. About to jump into a Next 13.4 & Sanity environment, well hold your horses and read this first.

This is an external link at:roboto.studio
Go to Setting up live preview for sanity on next 13.4 using drafts mode

Clean Your GROQ

Learn the best practices for cleaning Groq queries to improve data accuracy and speed up the query processing time. Discover tips for streamlining and optimizing your queries for maximum efficiency.

This is an external link at:roboto.studio
Go to Clean Your GROQ

169 Next projects made with Sanity

View all

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

Black History Month Church Activities Micro-Site

A quickly spun-up marketing site for church activities related to Black History Month themes to help centralize all the information for the congregation.

Thomas Z Lukoma
Go to Black History Month Church Activities Micro-Site

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