NextJS resources

Guides, plugins, and other resources for NextJS – the popular React-based Javascript framework made by Vercel.

5 Next tools

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

HULL

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

Nick DiMatteo
Go to HULL

Lifestyled: Editorial and E-Commerce

Official(made by Sanity team)

A lifestyle blog with editorial material and e-commerce functionality. Built with BigCommerce, Next.js and Sanity.

Carolina Gonzalez
Go to Lifestyled: Editorial and E-Commerce

Commerce Layer Starter

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

Go to Commerce Layer Starter

Next.js Landing Pages

Official(made by Sanity team)

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

Go to Next.js Landing Pages

Next.js Ecommerce Starter

Official(made by Sanity team)

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

Go to Next.js Ecommerce Starter

Next.js Blog with Comments

Official(made by Sanity team)

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

Bryan Robinson
Go to Next.js Blog with Comments

4 Next guides

Build an e-commerce site with the Stripe API

In this tutorial, we'll make a no-frills "merch store" for a personal blog using the Stripe API, Next.js, and Sanity. We'll leverage Stripe's fantastic checkout platform to redirect our customers to Stripe's servers for their checkout process.

Joe Holmes
Go to Build an e-commerce site with the Stripe API

16 Next projects made with Sanity

View all

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

Telegram bot list

A curated list of Telegram bots to help make your life easier.

Faraz Patankar
Go to Telegram bot list

Check out these plugins, guides. projects, and starters for NextJS, 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 NextJS 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.

Choose a starter
OR install Sanity with:
λ npm install -g @sanity/cli
λ sanity init

Other frameworks

All frameworks