Sanity Editors Publishing Changes That Don't Show on the Live Site
Editors hit publish in Sanity but the live Next.js site stays stale. Here is how to diagnose stale content, what it costs, and the fix path.
Tag
Next.js
Practical articles on the Next.js App Router — ISR, PPR, RSC, bundle optimisation, and shipping production-grade sites.
133 posts
6 min read
Next.js build taking too long on a Sanity site: causes and the fix
Next.js build taking too long on your Sanity site? Learn why static builds crawl, what slow deploys cost your team, and the fix path in order.
Restructure a Sanity schema on a live site without breaking pages
How to restructure a Sanity schema on a live Next.js site: audit, dual-read GROQ, scripted migrations and cleanup, without broken pages or lost content.
Vercel bill too high on a Next.js site? What drives it and how to cut it
Vercel bill too high on your Next.js site? Here are the usual cost drivers on Sanity-backed builds, how to confirm each, and the fixes in order.
Next.js pages not indexed by Google: causes and the fix path
Next.js pages not indexed by Google on a Sanity site? Here are the real causes, what ignoring them costs, the fix order, and what to ask a developer.
Sanity staging and production on one dataset: how to split it safely
Sanity staging and production on one dataset is risky. Here is how to spot it, split it with export and import, and wire Next.js env vars.
Sanity API bill spiking? Why requests explode on Next.js sites
Sanity API bill spiking on your Next.js site? Learn the usual causes of runaway requests, what ignoring it costs, and the fix path.
Sanity Preview Not Working: Causes and Fixes for Next.js
Sanity preview not working in Presentation or draft mode? Work through CORS origins, secrets, the draftMode cookie, stega and caching causes.
Sanity Next.js website case study: a nonprofit with 9 content types
A Sanity Next.js website case study of a nonprofit build: scope, schema decisions, editor training, launch and what we measured, told without client names.
Fix Core Web Vitals on a Next.js + Sanity Site: Fix Order and Timeline
How to fix Core Web Vitals on a Next.js Sanity site: which metric fails and why, the order to fix it, and how long Search Console takes to go green.
How I build a multilingual website with Sanity and Next.js
How I build a multilingual website Sanity Next.js teams can maintain: document vs field-level i18n, routing, hreflang, sitemaps and editor workflow.
Upgrade Next.js 15 to 16: What Breaks on Sanity Sites and What It Costs
How to upgrade Next.js 15 to 16 on a Sanity-backed site: what changed, typical breakages, the cost of staying behind, and effort by codebase size.
Sanity CMS project handover checklist: what you should receive
A Sanity CMS project handover checklist for clients: project and Vercel ownership, env vars, README, roles, training and backups to demand at launch.
WordPress to Next.js migration SEO: keep your traffic through the move
A WordPress to Next.js migration SEO plan: permalink parity, Yoast metadata transfer, image URLs, edge redirects, and 8 weeks of Search Console tracking.
White label Next.js developer for agencies: how it works
Hiring a white label Next.js developer for agencies? Learn how capacity, communication, handoff and client pricing work, plus subcontractor red flags.
Next.js website maintenance cost: what a Sanity site runs per month
Next.js website maintenance cost for a Sanity site: monthly ranges for upgrades, Sanity and Vercel plans, monitoring and content support.
Website redesign without losing SEO: a Sanity + Next.js checklist
How to do a website redesign without losing SEO on Sanity + Next.js: URL inventory, 301 map, metadata parity, schema, sitemap and GSC monitoring.
Sanity website slow? How to find the cause and what a fix costs
Sanity website slow on Next.js? Learn to tell GROQ waterfalls, uncached fetches, heavy images and bundle bloat apart, and what a fix engagement looks like.
Migrate Next.js Pages Router to App Router: A Buyer's Guide
How to migrate Next.js Pages Router to App Router route by route: when it's worth it, Sanity data fetching, SEO risks and effort ranges.
Take Over an Existing Next.js Project After Your Developer Disappears
How to take over an existing Next.js project and Sanity codebase: first-week audit, access and ownership steps, red flags, and repair vs rebuild.
Contentful to Sanity Migration: How I Move Content, Assets and Locales
A practical contentful to sanity migration walkthrough: model mapping, rich text to Portable Text, assets, references, locales, import script and cutover.
Migrate Gatsby to Next.js App Router: what the path actually looks like
Gatsby's plugin ecosystem has stalled. Here's the real migration path to Next.js App Router, keeping Sanity, URL parity, and your editors sane.
Sanity vs Prismic for Next.js in 2026: An Honest Comparison
Sanity vs Prismic side-by-side: schemas, GROQ vs query API, pricing, and which fits a Next.js App Router project in 2026.
Prismic Pricing 2026: Free Tier Limits, Per-Seat Costs & When to Upgrade
Exact Prismic pricing tiers for 2026: free plan limits, per-seat costs, what triggers an upgrade, and how it compares to Sanity and Contentful.
Cloudinary vs Sanity CDN for Next.js Images: An Honest Comparison
Cloudinary vs Sanity CDN for Next.js image delivery — formats, transforms, pricing thresholds, and which to pick for your project.
Cloudflare Images Pricing 2026: Storage Limits, Delivery Costs & When to Upgrade
Cloudflare Images pricing breakdown: free tier limits, per-image storage costs, delivery fees, and when a Next.js or Sanity project should upgrade.
Vercel Blob Pricing 2026: Free Tier Limits, Storage Costs & When to Upgrade
Vercel Blob's Hobby tier gives you 1 GB of storage — here's exactly what storage, data transfer, and operations cost before and after you hit the limits.
Sanity vs Ghost for Next.js in 2026: An Honest Comparison
Sanity vs Ghost for Next.js projects: schema flexibility, pricing, editor experience, and API delivery compared with no vendor bias.
Sanity vs WordPress.com Pricing 2026: Real Costs at Every Scale
Side-by-side cost breakdown of Sanity CMS vs WordPress.com — free tiers, paid plans, hosting, and when each gets expensive. Updated September 2026.
Sanity vs Webflow for Next.js in 2026: An Honest Comparison
Sanity vs Webflow side-by-side: editor experience, developer control, pricing, and which fits a Next.js project in 2026.
Sanity vs WordPress Headless vs Webflow: Three-Way CMS Comparison for Next.js
Sanity, headless WordPress, and Webflow compared on DX, editor UX, pricing, and Next.js fit. Honest trade-offs with a decision table.
Sanity vs Hashnode vs Dev.to: Headless Blog Platform Comparison 2026
Sanity, Hashnode, and Dev.to compared on data ownership, Next.js integration, content API, and real running costs for developer blogs in 2026.
Cloudflare R2 Free Tier 2026: Limits, Pricing & Egress
Cloudflare R2 free tier: 10 GB storage, 1M Class A and 10M Class B operations a month, no egress fees. Paid rates, cost examples, and how it compares with S3.
Algolia Pricing 2026: Free Tier Limits, Record Costs & When to Upgrade
Algolia pricing in 2026: free tier limits, paid plan thresholds, record and search costs, and what actually triggers an upgrade. Includes a cost table.
Cloudflare Pages Pricing 2026: Free Tier Limits & Workers Paid
Cloudflare Pages free plan: 500 builds a month, 1 concurrent build. Pro is $20/month billed annually; Workers Paid starts at $5. What forces an upgrade in 2026.
Railway Free Tier & Pricing 2026: Limits, Costs, Upgrades
Railway pricing for 2026: Hobby is $5/month with $5 of usage included, then usage-based rates. Free-tier limits, real cost examples, and when to upgrade.
Sanity vs WordPress Headless: Total Cost of Ownership in 2026
A concrete TCO breakdown comparing Sanity CMS + Next.js against headless WordPress for real production sites in 2026.
Sanity vs Kontent.ai for Next.js in 2026: An Honest Comparison
Sanity vs Kontent.ai compared on schema flexibility, GROQ vs REST/GraphQL, pricing, and Next.js fit. Pick the right CMS for your project.
Sanity vs Keystatic for Next.js in 2026: An Honest Comparison
Sanity vs Keystatic side-by-side: hosting model, editor UX, GROQ vs reader collections, and which fits your Next.js project in 2026.
Sanity vs Storyblok vs Contentful: Total Cost of Ownership in 2026
Sanity, Storyblok, and Contentful pricing compared across free tiers, growth plans, and hidden costs. Real numbers for Next.js teams in 2026.
Netlify Pricing 2026: Credit Plans, Free Tier & Bandwidth
Netlify moved new accounts to credit-based plans in Sept 2025: Free gets 300 credits, Personal is $9 and Pro is $20/month. What the free tier covers and costs.
Keystatic Pricing 2026: Free Tier Limits, Cloud Costs & When to Upgrade
Keystatic pricing broken down: the free open-source and Cloud tiers, Keystatic Cloud Pro and per-user costs, and exactly when a paid plan makes sense in 2026.
Kontent.ai Pricing 2026: Free Developer Plan & Paid Quotes
Kontent.ai's free Developer plan allows 2 users, 2 environments and 500 content items; paid plans are quote-based. What's included and when you outgrow it.
Cloudinary Pricing 2026: Free Tier Limits, Transformation Costs & When to Upgrade
Cloudinary's free tier looks generous until transformations stack up. Real numbers on credits, paid plans, and what triggers an upgrade in 2026.
Storyblok vs Sanity for Next.js in 2026: An Honest Comparison
Storyblok vs Sanity compared on DX, editor experience, pricing, and Next.js fit. Real trade-offs, no vendor spin.
Headless CMS setup: when it makes sense and when it doesn't
A practical decision framework for headless CMS setup — covering team size, content velocity, channel count, and budget before you commit.
Hire a JavaScript developer: a practical reality check for 2026
Thinking about hiring a JavaScript developer? Here's what full-stack JS actually means, why TypeScript matters, and what to ask before you commit. Read this first.
How I plan and ship web apps for startups: discovery to launch
A practical process for building web apps for startups — discovery brief, thin-slice milestones, staging from day one, and a launch checklist.
Next.js hosting cost in 2026: Vercel vs Netlify vs Railway vs VPS
What Next.js hosting actually costs in 2026 across Vercel, Netlify, Railway, Render, Fly, and a VPS — with real monthly figures and hidden cost traps.
What makes a CMS website editors love and developers trust
A CMS website should let editors publish without calling a developer. Here is what good actually looks like — preview, content models, performance, handover.
Hire React developers without costly mistakes: a practical buyer's guide
Thinking about hiring React developers? Here's how to read seniority signals, structure interviews, and benchmark rates before you commit. Updated 2026.
Next.js in 2026: honest practitioner take on what's working and what isn't
Next.js in 2026 is more capable than ever — and more complicated. A practitioner's view on RSC, PPR, caching, and upgrade churn from production work.
Next.js project scope: what to define before you write a line of code
A practical guide to scoping a Next.js project — page inventory, CMS decision, integrations, performance budget, and timeline maths. For founders and teams.
How I build a Next.js Tailwind marketing site in hours, not days
A practical Next.js Tailwind workflow: design tokens as CSS variables, reusable component conventions, and a build sequence for shipping pages fast.
How I set up Next.js TypeScript for production from day one
A production next.js typescript setup: strict tsconfig, typed routes, Zod boundaries, safe env vars, and a CI type-check gate that catches real bugs.
How I structure React Next.js patterns across every client project
The React Next.js patterns I reuse on every project: server components by default, colocated data fetching, typed API boundaries, and error conventions.
Hire a developer for your startup: scope by outcome, not hours
Thinking about how to hire a developer for your startup? Here's how to set scope, pick the right budget tier, and avoid the mistakes that burn runway.
Freelance web developer for hire: what a good one actually delivers
Hiring a freelance web developer? Here's what to expect on communication, staging, pricing models, handover, and warranty — before you sign anything.
Next.js 16 + Tailwind: create-next-app vs Starter Templates
Set up Next.js 16 with Tailwind CSS v4: the create-next-app flags that matter, and how the default setup compares with popular starter boilerplates over time.
API CMS explained: what it's good at and where it breaks down
A practical guide to API-first CMS architecture — omnichannel delivery, developer control, editor experience trade-offs, preview complexity, and glue code cost.
Next.js as a backend: honest limits for production apps
Next.js route handlers and server actions work for many backend needs, but have real limits. Here's where they hold and where they break.
Webflow vs Next.js cost in 2026: where the curve crosses
A straight total-cost comparison of Webflow site plans vs a custom Next.js + CMS build. Real numbers, one table, honest about where each wins.
Hire a Next.js developer who can actually ship production
Vetting guide for founders and PMs: portfolio signals, App Router interview questions, Core Web Vitals checks, and real rate benchmarks for 2026.
Node.js CMS in 2026: Payload, Strapi, Directus, Keystone, and Sanity compared
Choosing a Node.js CMS for a custom website? Honest trade-offs across Payload, Strapi, Directus, Keystone, and Sanity with a side-by-side comparison table.
The Next.js + React stack explained: what each layer does and when it's wrong
A practical guide to the Next React stack — React, Next.js, hosting, CMS, and styling — what each layer does, why this combination won, and when to walk away.
Next.js API routes vs route handlers: when to use each
Pages Router API routes vs App Router route handlers compared — caching, streaming, edge runtime, and a clear migration path with real code examples.
Vercel pricing 2026: what you actually pay for a real Next.js project
Hobby, Pro, and Enterprise Vercel pricing explained with real usage line items, per-seat maths, and a realistic monthly total for a mid-traffic marketing site.
Marketing website performance: what fast pages are actually worth
Marketing website performance affects conversions, ad ROI, and SEO rank. Here's what the numbers mean in business terms and what to demand from any build.
Hire a web developer in 2026: freelance, agency, or in-house?
A founder's practical guide to hiring a web developer — budget ranges, freelance vs agency vs in-house trade-offs, vetting, and contract structure.
Startup app development: how to avoid wasting your first sprint
Practical advice for founders on scoping an MVP, picking boring tech, and staging from day one — before startup app development begins.
How I build a Next.js blog that stays fast at 100+ posts
Static generation, pagination, image handling, and bundle discipline for a Next.js blog that doesn't slow down as content grows. Practical code included.
How to choose a CMS for SEO: rendering, structured data, and Core Web Vitals
Pick the right SEO CMS by understanding rendering strategy, structured data support, sitemap control, and editorial workflow. A practical guide for 2026.
Storyblok Pricing 2026: Free Starter, Growth $99, Growth Plus
Storyblok pricing for 2026: free Starter with 1 seat, Growth at $99/month per space with 5 seats, Growth Plus at $349. Limits, extra seats, upgrade triggers.
Hire a web designer: what performance-aware buyers should check first
Thinking about hiring a web designer? This guide covers portfolio signals, performance questions, and the designer vs developer trade-off. Read before you sign.
Tailwind CSS in 2026: what actually changed for teams
Tailwind CSS v4 rewired how teams configure, share, and ship styles. Here's what the CSS-first engine means in practice.
Sanity vs WordPress cost: annual TCO once you're already live
A steady-state cost breakdown of Sanity + Next.js vs WordPress: hosting, plugins, security, and editor time. Real annual totals compared.
Sanity image-url hotspot not working: four causes and fixes
Sanity hotspot not applying to your rendered image? Here are the four real causes and exact fixes for each one.
Sanity vs Directus for Next.js in 2026: An Honest Comparison
Sanity vs Directus compared across data ownership, schema design, querying, editor UX, and self-hosting for Next.js projects in 2026.
Payload CMS Pricing 2026: What's Free and What It Actually Costs to Run
Payload CMS is open-source and free. The real cost is hosting, database, and storage. Realistic monthly costs from $5/month to $200+ depending on your setup — full infrastructure breakdown for 2026.
Sanity vs Hygraph 2026: An Honest Side-by-Side for Next.js Teams
Sanity vs Hygraph in 2026: GROQ content lake vs GraphQL-native federation compared on DX, editor UX, pricing, and Next.js fit. Make the right call.
Contentful Alternatives for Next.js in 2026 (5 Compared)
Switching from Contentful? Compare Sanity, Payload, Strapi, Storyblok, and Hygraph as Contentful alternatives for Next.js in 2026 — pricing, schema model, and fit.
How I Migrate WordPress to Sanity + Next.js: A Technical Walkthrough
A step-by-step guide to exporting WordPress content, mapping schemas, running an import script, converting HTML to Portable Text, and preserving SEO with 301 redirects.
Sanity Embeddings: Semantic Search in a Next.js App Router Site
Step-by-step guide to indexing Sanity content with native Embeddings, running a semantic query, and wiring a debounced search UI in Next.js App Router.
Sanity Agent Actions: Complete Setup Guide for AI-Powered Content Workflows
How to configure Sanity Agent Actions to trigger AI content workflows from the API — generate drafts, translate, and enrich fields at scale. Includes working code examples and real automation patterns.
Sanity AI Assist Setup for Editors in Next.js
Step-by-step setup of Sanity AI Assist (@sanity/assist) in a Next.js + Sanity project: install, config, field instructions, and real editor workflows. Updated for 2026.
Strapi vs Contentful 2026: An Honest Side-by-Side Comparison
Strapi vs Contentful 2026 — self-hosted open-source vs managed SaaS. Pricing, admin UX, API, Next.js fit, and lock-in compared honestly.
Sanity + Mux Signed HLS Video Playback in Next.js
Step-by-step guide to Sanity Mux video playback in Next.js: signed URLs, hls.js adaptive streaming, poster images, and LCP optimisation.
How to Archive Documents in Sanity — Unpublish Without Deleting
Step-by-step: custom Sanity document actions to unpublish, archive, and restore content without deleting, plus Next.js front-end handling for archived docs.
Sanity Scheduled Publishing with Next.js ISR Revalidation
A practical guide to Sanity scheduled publishing in Next.js: enabling scheduling in Studio, wiring SANITY_REVALIDATE_SECRET, and triggering ISR so content goes live on time.
Payload CMS vs Contentful 2026: Which Fits Your Next.js Project
Payload CMS vs Contentful compared on schema control, API, pricing curve, and Next.js fit for 2026. Pick the right tool before you commit.
Sanity vs Strapi in 2026: an honest side-by-side comparison
Sanity vs Strapi 2026: GROQ content lake vs self-hosted SQL, editor UX, image pipelines, pricing, and lock-in trade-offs compared honestly.
Payload CMS vs Strapi in 2026: Complete Head-to-Head for Developers
Payload vs Strapi: compared on self-hosting costs, TypeScript support, plugin ecosystem, and real migration complexity. Here's which one wins for most teams — and why.
Sanity Live Preview in Next.js App Router (Presentation)
Step-by-step guide to wiring the Sanity Presentation tool for live preview in Next.js App Router, with overlay clicks, live GROQ queries, and draft mode.
Sanity Roles & Document-Level Permissions (RBAC) Setup
Step-by-step guide to wiring Sanity CMS role-based access control with document-level permissions in a Next.js project. Covers custom roles, GROQ filters, and Studio UI.
Tailwind CSS v3 to v4 Migration Guide: Next.js Steps & Gotchas
Tailwind v4 migration in Next.js, step by step: the upgrade codemod, CSS-based @theme config, dropped utilities like bg-opacity-*, PostCSS changes, and production gotchas.
React 19 New Hooks in Next.js App Router: What Changed
How useFormStatus, useActionState, and use() from React 19 changed the way I build forms and async UI in Next.js App Router. Concrete before/after code.
Next.js + Sanity CMS for Marketing Teams: What Editors Get
Wondering if Next.js and Sanity CMS gives marketing teams real editorial control? Here is what the editor experience looks like in practice.
How to Write a Project Brief for Hiring a Next.js Developer
Hiring a Next.js developer without a solid brief wastes time and money. Here is what a good agency brief contains and the mistakes to avoid first.
Next.js vs Astro for Content Sites and Blogs: An Honest Comparison
Next.js vs Astro for content-heavy sites — rendering models, Sanity CMS integration, bundle size, ISR, and when to pick each for a real project.
Framer Motion in Next.js App Router Without Layout Shift
Step-by-step guide to Framer Motion page transitions in Next.js App Router, cutting CLS to 0 and lazy-loading animation features with LazyMotion to save bundle size.
Syncing Sanity CMS to Algolia Search in Next.js
Step-by-step: webhook-driven Sanity-to-Algolia sync, InstantSearch React UI, and handling stale index edge cases in Next.js. Practical and production-tested.
Next.js SEO: Adding JSON-LD Structured Data (schema.org)
A practical guide to adding JSON-LD structured data to Next.js App Router pages using BlogPosting, BreadcrumbList, FAQPage, and Person schemas.
Sanity Multilingual Content in Next.js with next-intl
Step-by-step guide to connecting Sanity document internationalisation to next-intl in the App Router, with schema design, GROQ patterns, hreflang, and slug pitfalls.
Sanity Scheduled Publishing & Custom Document Actions (2026 Guide)
How to set up true scheduled publishing in Sanity via the Releases API, plus custom document actions: an approval gate before publish and Slack notifications.
Advanced GROQ Queries: Joins, Coalesce & Array Flattening
Deep dive into advanced GROQ queries in Sanity: inline joins, the coalesce() function, conditional projections, and array flattening with real payload sizes measured.
Next.js Partial Prerendering (PPR) in Production: What Works
An honest look at Next.js partial prerendering PPR in production — what it solves, where it breaks, and which page patterns benefit most.
Payload CMS vs Sanity for Next.js in 2026: An Honest Comparison
Payload CMS vs Sanity for Next.js in 2026: hosting, GROQ vs the local API, TypeScript DX, pricing, and lock-in — compared honestly from a Sanity developer's point of view.
Next.js Bundle Size: Analyzing and Cutting Chunk Bloat
A practical walkthrough of Next.js bundle size analysis with the Turbopack Bundle Analyzer or @next/bundle-analyzer, and the fixes that usually shrink first-load JS.
Sanity Draft Mode Preview: Next.js App Router + Edge Config
Step-by-step: route handlers, cookie strategy, and Vercel Edge Config secret rotation for Sanity draft mode preview in Next.js. No leaks.
Mux Video in Next.js + Sanity CMS: Upload & Playback Guide
Step-by-step guide to Mux video hosting in Next.js and Sanity CMS: sanity-plugin-mux-input setup, direct uploads, signed playback URLs, and poster images for fast LCP.
Sanity vs WordPress Headless CMS: When Headless Wins
Sanity vs WordPress headless CMS compared on editor UX, performance, dev experience, and migration cost. Honest about where WordPress still wins.
Core Web Vitals Monitoring in Next.js with Vercel Analytics
A practical guide to wiring up Vercel Analytics and @vercel/speed-insights/next for real-user Core Web Vitals monitoring in Next.js, with a workflow for catching regressions fast.
Sanity Portable Text Custom Components in Next.js
Learn how to build Sanity Portable Text custom components in Next.js — code blocks, callouts, embedded forms, and captioned images with full TypeScript types.
Signs Your WordPress Site Needs a Headless CMS Rebuild
Slow pages, locked content, and plugin chaos are warning signs your WordPress site has hit its ceiling. Here's how to know when a headless rebuild makes sense.
Best Headless CMS for Next.js in 2026: Honest Comparison & Developer Pick
Which headless CMS works best with Next.js App Router in 2026? Honest comparison of Sanity, Contentful, Payload, and Storyblok on DX, pricing, and real integration complexity — with a clear recommendation by team type.
Sanity TypeGen: Fully Typed GROQ Queries in TypeScript
A step-by-step guide to Sanity TypeGen: CLI config, generating TypeScript types from GROQ queries, CI integration, and handling schema evolution gotchas.
Next.js App Router Tutorial 2026: Pages Router to Production
A practical Next.js App Router tutorial guide for 2026. Covers layouts, route groups, Server Components, data fetching, static export, and the metadata API.
Sanity CMS + Next.js App Router: A Practical Getting Started Guide
A step-by-step Sanity CMS + Next.js tutorial for developers setting up schemas, GROQ queries, and Sanity Studio with the App Router for the first time.
Sanity Webhooks + Next.js ISR Revalidation with HMAC Verification
Step-by-step guide to connecting Sanity webhooks to Next.js route handlers for on-demand ISR revalidation, with correct HMAC signature verification and error handling.
Sanity CMS vs Contentful for Next.js Projects: An Honest Comparison
Sanity CMS or Contentful for your next Next.js build? Honest comparison — pricing, GROQ vs GraphQL, editor DX, lock-in, and which one wins where.
Sanity Webhook Revalidation: Batching Tags in Next.js
A pattern for consolidating dozens of per-document Next.js revalidations into one tagged endpoint using SANITY_REVALIDATE_SECRET, cutting webhook noise and redundant cache purges.
Sanity Slug Validation: Block Duplicate Slugs Before Publish
Sanity's slug field only checks uniqueness within a single document type by default. Here's the custom GROQ validation that blocks duplicate slugs at publish, across multiple document types.
Sanity Content Versioning Without Breaking Client Pages
A production pattern for rolling schema changes in Sanity without throwing runtime errors or requiring a full site rebuild — coalesce in GROQ, migrate later.
GROQ Conditional Projections: Cut Query Payload by 60%
A pattern for projecting only the fields your Next.js components actually render, using GROQ's select() and type filters to prune unused blocks from a union array.
Avoiding N+1 Queries: Modeling Sanity References in RSC
A pattern for structuring Sanity references and GROQ projections that eliminates query waterfalls in server components by resolving references in a single round-trip.
Sanity Image Placeholders Under 50 kB: Palette, Not Base64 LQIP
Cut LQIP overhead on Sanity + Next.js sites to nearly zero using Sanity's built-in metadata.palette instead of inline Base64 blur data. Exact GROQ and component code.
Structuring Sanity Schemas to Avoid Query Waterfalls
Denormalising references and embedding common fields in Sanity schemas keeps list queries lean and fast in Next.js server components. Here's the pattern I ship.
Next.js TTFB Optimization: Sub-200ms with PPR, Edge & Sanity
Next.js TTFB optimization in practice: Partial Prerendering for the shell, cached and streamed dynamic fragments, and tight GROQ projections — with illustrative before/after targets.
Cutting Next.js Bundle Size: Server-Render and Lazy-Load Portable Text
Portable Text can bloat client bundles when it renders inside a client component. Here's how to keep it in Server Components, lazy-load only the heavy interactive blocks, and where lazy-loading trades away SEO visibility.
Sanity Draft Mode Without Sacrificing Edge Performance
A production pattern for Sanity draft previews in Next.js that keeps published pages on the edge while editors see real-time changes.
How to Fix LCP on Image-Heavy Pages (Next.js Patterns That Work)
LCP is usually one big image. Here’s how to identify the true LCP element, reduce TTFB, ship the right image bytes, and consistently hit <2.5s on real devices.
Core Web Vitals in 2026: Thresholds, Ranking Impact & Fixes
Core Web Vitals 2026 explained: LCP, INP, and CLS thresholds, how much they really affect Google rankings, field vs lab data, and the fixes that consistently move each metric.
Why I Use Next.js + Sanity for Content Sites
A practical breakdown of when Next.js + Sanity is the right stack, what it buys you for SEO and velocity, and the trade-offs to watch.