Nayan Kyada
Menu

The Sanity + Next.js Guide

Everything I've written on building with Sanity CMS and the Next.js App Router — grouped by topic, from getting started to Studio customisation. 82 articles, all from real production builds.

01

Getting started

Set up the stack, typed queries, and a working Studio.
Next.js pages not indexed by Google: causes and the fix pathSanity Preview Not Working: Causes and Fixes for Next.jsHow I build a multilingual website with Sanity and Next.jsUpgrade Next.js 15 to 16: What Breaks on Sanity Sites and What It CostsWordPress to Next.js migration SEO: keep your traffic through the moveWebsite redesign without losing SEO: a Sanity + Next.js checklistMigrate Next.js Pages Router to App Router: A Buyer's GuideTake Over an Existing Next.js Project After Your Developer DisappearsMigrate Gatsby to Next.js App Router: what the path actually looks likeSanity vs Prismic for Next.js in 2026: An Honest ComparisonSanity vs Keystatic for Next.js in 2026: An Honest ComparisonStoryblok vs Sanity for Next.js in 2026: An Honest ComparisonHeadless CMS setup: when it makes sense and when it doesn'tNext.js in 2026: honest practitioner take on what's working and what isn'tHow I build a Next.js blog that stays fast at 100+ postsContentful Alternatives for Next.js in 2026 (5 Compared)Sanity Embeddings: Semantic Search in a Next.js App Router SiteSanity Agent Actions: Complete Setup Guide for AI-Powered Content WorkflowsSanity AI Assist Setup for Editors in Next.jsSanity + Mux Signed HLS Video Playback in Next.jsHow to Archive Documents in Sanity — Unpublish Without DeletingSanity Scheduled Publishing with Next.js ISR RevalidationSanity Live Preview in Next.js App Router (Presentation)Sanity CMS + Next.js App Router: A Practical Getting Started GuideNext.js TTFB Optimization: Sub-200ms with PPR, Edge & Sanity
02

GROQ & data modelling

Query and shape content without waterfalls.
Sanity website slow? How to find the cause and what a fix costsContentful to Sanity Migration: How I Move Content, Assets and LocalesSanity vs Kontent.ai for Next.js in 2026: An Honest ComparisonAPI CMS explained: what it's good at and where it breaks downWhat a web CMS actually owes you: my baseline standardSanity image-url hotspot not working: four causes and fixesSanity vs Directus for Next.js in 2026: An Honest ComparisonSanity vs Hygraph 2026: An Honest Side-by-Side for Next.js TeamsHow I Migrate WordPress to Sanity + Next.js: A Technical WalkthroughSanity Custom Validation Rules: A Practical GuideSanity Structure Builder: Custom Ordering & GroupingSanity vs Strapi in 2026: an honest side-by-side comparisonAdvanced GROQ Queries: Joins, Coalesce & Array FlatteningSanity Portable Text Custom Components in Next.jsSanity TypeGen: Fully Typed GROQ Queries in TypeScriptSanity CMS vs Contentful for Next.js Projects: An Honest ComparisonSanity Slug Validation: Block Duplicate Slugs Before PublishGROQ Conditional Projections: Cut Query Payload by 60%Avoiding N+1 Queries: Modeling Sanity References in RSCMulti-Locale Navigation in Sanity Without Bloating QueriesStructuring Sanity Schemas to Avoid Query WaterfallsCutting Next.js Bundle Size: Server-Render and Lazy-Load Portable Text
03

Draft mode & preview

Live preview and secure draft flows at the edge.
CMS for marketing teams: what to set up before editors touch itSanity Draft Mode Preview: Next.js App Router + Edge ConfigSanity Draft Mode Without Sacrificing Edge Performance
04

Images & media

Sanity's image pipeline, CLS, and video.
Cloudinary vs Sanity CDN for Next.js Images: An Honest ComparisonCloudflare Images Pricing 2026: Storage Limits, Delivery Costs & When to UpgradeBunny Stream Pricing 2026: Storage, Delivery & Free TrialCloudinary Pricing 2026: Free Tier Limits, Transformation Costs & When to UpgradeSanity video hosting in 2026: Mux vs Cloudinary vs Bunny StreamNext.js Bundle Size: Analyzing and Cutting Chunk BloatMux Video in Next.js + Sanity CMS: Upload & Playback GuideServe WebP & AVIF from Sanity Without Double-EncodingKill CLS on Sanity Images: sizes, width & height from MetadataSanity Hotspot + next/image: Pixel-Perfect Focal Point CropsSanity Image Placeholders Under 50 kB: Palette, Not Base64 LQIP
05

Revalidation & webhooks

Keep published content fresh with ISR.
Sanity staging and production on one dataset: how to split it safelySanity API bill spiking? Why requests explode on Next.js sitesCloudflare Pages Pricing 2026: Free Tier Limits & Workers PaidNetlify Pricing 2026: Credit Plans, Free Tier & BandwidthNext.js hosting cost in 2026: Vercel vs Netlify vs Railway vs VPSSyncing Sanity CMS to Algolia Search in Next.jsSanity Webhooks + Next.js ISR Revalidation with HMAC VerificationSanity Webhook Revalidation: Batching Tags in Next.js
06

Internationalization

Multi-locale content and navigation.
Sanity Multilingual Content in Next.js with next-intl
07

Sanity Studio & workflow

Shape the Studio around how editors actually work.
Sanity Next.js website case study: a nonprofit with 9 content typesBest Headless CMS for Agencies: Sanity vs Payload vs StoryblokSanity CMS project handover checklist: what you should receiveSanity Studio editor experience: why editors avoid it and the fixSanity Studio v2 to v3 upgrade (and on to v6): what breaks and how to fix itCMS apps explained: what marketing and product teams actually getSanity Roles & Document-Level Permissions (RBAC) SetupSanity Studio Custom Input Component: A Colour PickerSanity Scheduled Publishing & Custom Document Actions (2026 Guide)Sanity Content Versioning Without Breaking Client PagesSanity Studio Bloat: Audit & Prune Unused Document TypesSanity Structure Builder: Hide Drafts, Speed Up Editors

Want this built, not just documented?

I take on Sanity CMS + Next.js builds and migrations for startups and agencies — fixed price, staging URL from day one.

Hire a Sanity CMS developer →All posts ↗