The official Sanity toolkit for Next.js
Featured contribution
Official(made by Sanity team)
Toolkit for integrating content from Sanity, including previews, Studio embedding, webhook verification, and more
Next.js resources
Guides, plugins, and other resources for Next.js – the popular React-based JavaScript framework made by Vercel.
26 Next tools
sanity-audit
Lighthouse for your Sanity content. Run npx sanity-audit inside any Studio project and get a ranked, actionable HTML report in 30 seconds missing meta titles, images without alt text, duplicate slugs, stale content, and more. Works with any schema, no config needed.
Leandro Barbosa
icons-sanity
A searchable icon picker for Sanity Studio, backed by a 633-icon library and a matching React component — editors pick the icon in Studio, you just choose where to render it in your app.
Jatin Kumar
PostHog A/B Testing
Page-level A/B testing for Sanity Studio driven by PostHog experiments: map PostHog variants to Sanity pages, with live experiment status, sync, and a kill switch.
Gallery Block
Image galleries as a Portable Text block: grid or carousel, fed from the Sanity Media Library. Every image carries alternative text, caption and credit, and the caption is rendered underneath each slide. The carousel steps through one image at a time with arrows and dot indicators; clicking any image opens it full screen in a native <dialog> lightbox with keyboard navigation. The renderer ships structural CSS only — colours, fonts and spacing come from your design via CSS custom properties.
SGNTech
Instagram Embed
Embed Instagram posts, reels and IGTV videos anywhere inside an article. Editors paste either a post URL or Instagram's full embed code — both are reduced to a clean permalink, so no tracking parameters or markup end up in your content. A live preview inside the editor shows what was picked before publishing. Ships a separate `/render` entry point with a React component and a @portabletext/react mapping, so the frontend renders posts without importing `sanity` into the app bundle.
SGNTech
52 Next starters
Ignite for Sanity
Featured contribution
Ignite for Sanity is a powerful template for content-driven marketing sites, optimized for SEO, engagement, and growth. It is built on Next.js, React.js, and Tailwind CSS.
Turbo Start Sanity
Featured contribution
A bare-metal, nitro-fuelled Sanity template welded in the garage of Roboto Studio. Ready to rip with pagebuilders, hyper-optimised SEO, and a need for speed.
Schema UI - Next.js Sanity Starter
Featured contribution
A Next.js starter template with Next.js 15, Tailwind CSS, shadcn/ui, and Sanity CMS with Live Editing. Get production-ready React components with matching Sanity schemas and queries. Build dynamic pages faster while keeping full control over customization.
Serge Ovcharenko
SanityPress
Featured contribution
A pre-configured Sanity Studio on Next.js designed for rapid and scalable website development. The last template you’ll ever need—for good.
Mitchell Christ
Clean Next.js + Sanity app
Featured contribution
Official(made by Sanity team)
Next.js app with Visual Editing and Live Content API for blazing-fast page updates.
Personal Website with Built-in Content Editing
Featured contribution
Official(made by Sanity team)
A Sanity-powered personal website with built-in content editing and instant previews.
69 Next guides
Build it right once
Zero-click search hit 68% and the crawlers behind ChatGPT and Claude still don't run JavaScript. The tested evidence for one pre-rendered build that covers search rankings, AI answers, Core Web Vitals, and accessibility law, and the receipts on what isn't worth paying for.
This is an external link at:robotostudio.com
The Ultimate "Page Builder" Studio
SanityPress' pre-configured Studio is powered by a scalable module system, making it the ultimate "Page Builder". Skip the scaffolding, and go straight to website-building.
This is an external link at:sanitypress.dev
Mitchell Christ
Using Sanity as the Safety Layer for AI Driven Marketing Automation
How we built a self improving AI loop for our marketing demo and used Sanity as the kill switch, content layer, and rollback mechanism to keep it safe.
Carlynn Espinoza
Building a Content Engine with Sanity, Next.js, Vercel, GitHub, and Claude
How I automated 3 SEO blog posts a week for a marketing agency using Sanity as the content hub, Claude for generation, and a feedback loop that improves every post based on real visitor behavior.
Carlynn Espinoza
Automate Sanity page builder thumbnails with Claude Code
A drop-in Claude Code skill that generates Sanity page builder thumbnails end to end — reads your schema, mocks contextual content, screenshots each block with Playwright MCP, and writes optimized WebPs to the insertMenu config. Works on any Next.js + Sanity stack.
This is an external link at:robotostudio.com
We exorcised Ghost CMS from CoinTracker's content stack
How we migrated Cointracker from Ghost and Webflow to Sanity, and the lessons we learned along the way.
This is an external link at:robotostudio.com
296 Next projects made with Sanity
The Swaddle
Featured contribution
A new brand identity to represent a more mature company, to signify The Swaddle’s evolution from publisher to production house, combined with an easier to navigate platform that can surface multiple content types - drawing readers through The Swaddle’s content offering.
Nightjar
Jennifer Fisher
Featured contribution
We helped Jennifer Fisher, a Shopify Plus jewelry and lifestyle brand, double their conversion rate by building a fast and fully self-managed online store.
Tinloof
Roboto Studio
Featured contribution
Old faithful, but built in the app router. Testing out the latest and greatest features on our own website, now, with added purple.
Fresco Cooks
Featured contribution
Fresco Cooks make software for smart appliances
Jamstack Explorers
Featured contribution
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
Mission Control Chrome Extension
Featured contribution
Organize your bookmarks and manage tasks
Surjith S M
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.