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

7 Next guides

Headless Ecommerce Tutorial with (Sanity and) the Shopify API

In this article, we are going to create a website with Next.js. We will create a headless Shopify Store using Shopify's Storefront API and combine this with data from an instance of Sanity.

Jamie Bradley
Go to Headless Ecommerce Tutorial with (Sanity and) the Shopify API

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

25 Next projects made with Sanity

View all

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

Baggu

A Shopify Multi-Site flowing into a single Sanity instance and back out into 2 unique frontend experiences.

Kevin Green
Go to Baggu

illuminem (Energy News Aggregator)

illuminem is an energy news aggregator that curates the latest headlines from media outlets like The Financial Times and Bloomberg. It was designed and built by Tinloof, a Berlin-based product agency.

Omar Benseddik
Go to illuminem (Energy News Aggregator)

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