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. 52 articles, all from real production builds.

01

Getting started

Set up the stack, typed queries, and a working Studio.
How 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: Automating 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 RevalidationBest Free Headless CMS for Next.js in 2026: 5 Tiers ComparedSanity 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 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 WalkthroughHow to Vet a Senior Sanity CMS Developer: A Buyer's GuideSanity 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 WaterfallsShaving 140 kB Off a Next.js Bundle: 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.
Sanity 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.
Syncing 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.
CMS apps explained: what marketing and product teams actually getSanity CMS Development Services: What You 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 ↗