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

Andrew Kumar

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

Stackbit + Sanity: architecture overview

Sean C Davis

This guide covers the high-level process of adding Stackbit to an existing project that uses Sanity as its content source.

Stackbit docs: adding Stackbit to a Sanity-powered website

Omar Benseddik

When we build a website with Sanity, we configure SEO best practices to rank higher on search engine result pages.

SEO best practices on Sanity

Diego Salinas Gardón

In this guide, I'll show you how to create a podcast web app using Sanity Podcast Studio, Next.js, and Vercel. 

Create a podcasting web app with Sanity Podcast Studio

Kitty Giraudel

In this article, we will see how to enable Webpack/Next.js aliases in a Sanity project.

Webpack aliases with Sanity

Joseph Udonsak

Learn how to use Telegram for sending notifications

Add the Telegram Messaging API to your React application

Simeon Griggs

Knut Melvær

A step-by-step guide to setup Next.js and Sanity Studio with Live Preview

Live Preview with Next.js and Sanity.io: A Complete Guide

Surjith S M

Sanity CMS has a high potential when used with Next.js & TailwindCSS. In this article, we will deep dive in to the setup. 

How to setup Sanity CMS with Next.js & TailwindCSS

Learn how to dispatch SMS notifications from a Single Page Application (SPA)

Guide to sending SMS with the Twilio API 

Joe Holmes

Build a full-fledged, user-authenticated To-do app using Sanity, Next.js, and Magic.link.

How to Create a Todo List with React and Sanity

Dan Malone

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

Mission Control Chrome Extension

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

Thibaut Narivelo

Rhoume for_Room

Allan Pooley

New Zealand Corneotherapy Institute

Zachary Davis

Website for the Museum of Us, in San Diego, California

Museum of Us

Roboto Studio

How we rebuilt Nottingham's drug development experts' website

DevelRx

Field Office

For more than two decades Octasic has pushed the limits of chip design and wireless and media processing.

Octasic

Rita Dias

Cody Olsen

Nina Andal Aarvik

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

Blog with Built-in Content Editing

Nick DiMatteo

Headless Shopify starter powered by Next.js + Sanity.io

HULL

Bolaji Ayodeji

Alessandro Casazza

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

Commerce Layer Starter

Even Westvang

Peter

Per-Kristian Nordnes

Bjørge Næss

Rune Botten

SEO friendly page builder in React.js. Heroes, sign-up forms and calls to action.

Next.js Landing Pages

Bryan Robinson

An e-commerce starter that features a studio with a simple Next.js frontend. This starter uses the Next.js toolkit for Sanity.io.

Next.js Ecommerce Starter

A blog site with posts and comments stored together for management. Build using Next.js, Sanity.io, and Vercel.

Next.js Blog with Comments

Bünyamin Öztürk

Helps making push notifications for your content

OneSignal

Federico Minaya

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

Trigger Vercel Deploy Hooks from your Sanity Studio.