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.

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

Next.js resources

Plugins, guides, starters and other developer resources for Next.js. The popular JavaScript framework made by Vercel.

Next.js & Sanity.io | Developer resources

Roboto Studio

Hrithik Prasad

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.

Clean Your GROQ

Learn about the power of Sanity's Parameterized Templates, the ultimate solution for making content management simple and effective. Your content creation process will become dynamic with customizable initial values, saving you time and effort while ensuring that each piece of content meets your specific requirements.

Getting the hang of Sanity's Parameterized Templates

Jono Alford

We blast through our 11 top tips for improving Next.js & Sanity workflows. Harvest those low-hanging fruits, empower your content editors and ultimately climb your way inch by inch to the top of the SERP

11 top tips for SEO with Sanity & Next.js

Mawla | Jamstack Agency

See how we use Sanity and Headless CMS to allow B2B SaaS companies to control their whole site.

Swap a €30k Budget for Just 5 Days Worth of Dev Time: Relaunching Fresco Cooks.

Lets run through why B2B SaaS love Headless CMS, we run through the SEO, performance and flexibility wins while also covering the common pitfalls and risks.

Headless CMS and SEO: what is it and will it wreck your organic traffic?

We try and help by breaking down important aspects to look for when choosing an agency for building a Sanity CMS powered website/webapp.

Choosing the right Sanity CMS Agency

Get your articles looking slick with open graph images generated on the fly (like the one on here)

Dynamic open graph images with Sanity & Next.js

Saskia Bobinska

This Guide will lead you through the all the steps you need to level-up your use of Portable Text: from setting up block content, adding custom blocks and renderers for the Portable Text Editor in your studio. But also help you query for everything and render your awesome content in React!

Adding things to Portable Text - From block content schema to React component

Andrew Kumar

In this guide, we'll cover live preview, edit in context, local development, and deploy processes with Stackbit and Sanity.

[Architecture] Stackbit + Sanity: architecture overview

Sean C Davis

Learn how Content Ops and Marketers using Sanity can get full DXC (Digital Experience Composition) capabilities like live previews, in-context ("on-the-glass") editing, component library, page assembly, and page templates. 

[Docs] Sanity visual authoring, editing, and page building by Stackbit.

Arjen Scherff-de Water

Fresco Cooks make software for smart appliances

Fresco Cooks

Jason Lengstorf

Tara Z. Manicsic

Sarah Drasner

Ekene Eze

Phil Hawksworth

Lindsay Levine

Cassidy Williams

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

Jamstack Explorers

Surjith S M

Mission Control Chrome Extension

Simeon Griggs

An exploration of recipe data models for improved user experience

Recipe Website Proof of Concept

Thomas Z Lukoma

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

Black History Month Church Activities Micro-Site

Tomás Carlson

WRBB 104.9 FM

14islands

Neko

MaxBal

Carzo

Allan Pooley

An innovative Australian oral healthcare brand powered by e-commerce

Peg Paste

Aloo Foundation is currently funding food relief baskets to vulnerable families and daily wage workers in rural Mombasa.

The aloo Foundation

Robin Pyon

Nina Andal Aarvik

Rita Dias

A Sanity-powered personal website with built-in content editing and instant previews.

Personal Website with Built-in Content Editing

Cody Olsen

A Sanity-powered blog with built-in content editing and instant previews.

Blog with Built-in Content Editing

Bolaji Ayodeji

Alessandro Casazza

A multi-country ecommerce store built with Sanity Studio, Commerce Layer, Next.js, and deployed to Netlify.

Commerce Layer Sanity Template

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

Clean Sanity + Next.js app

Marius Lundgård

A clean example of Next.js with Sanity with live previews.

Next.js with Sanity

Miguel Afonso

With this plugin, you can check document references

Check Document References

Federico Minaya

Sanity Client for Next.js Apps with App Dir Support

Next Sanity Client

Bünyamin Öztürk

Helps making push notifications for your content

OneSignal

Knut Melvær

NextAuth Sanity

Christopher Fraser

Simplify integration of NextJS and Sanity (with live preview)

next-sanity-extra

Lorenzo de Jong

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

Next.js Sanity Image

Rico Kahler

Generate TypeScript types from your Sanity schemas.

Also includes a simple and tiny (<1kB) TypeScript powered client.
Built for Jamstack apps.

Sanity Codegen

Nick DiMatteo

Trigger Vercel Deploy Hooks from your Sanity Studio