Next.js Performance

Everything I've written on making Next.js fast — Core Web Vitals, bundle size, rendering strategy, and image delivery. 20 articles, all from real production builds.

Core Web Vitals

Diagnose and fix LCP, INP, and CLS on real pages.

How I use Framer Motion with Next.js App Router without layout shiftJun 2026 · 6 min read How I derive sizes, width, and height from Sanity metadata to kill CLSMay 2026 · 6 min read How I set up core web vitals monitoring with Vercel Analytics and Next.jsMay 2026 · 7 min read How I wire next/image to Sanity hotspot focal point data for pixel-perfect cropsMay 2026 · 6 min read How I keep Sanity image pipelines under 50 kB using LQIP hashes and blur overlaysApr 2026 · 5 min read INP for React Apps: Profiling and Eliminating Long TasksApr 2026 · 4 min read How to Fix LCP on Image-Heavy Pages (Next.js Patterns That Work)Apr 2026 · 4 min read

Bundle size

Find and cut JavaScript bloat.

How I use @next/bundle-analyzer to find and fix Next.js bundle size bloatJun 2026 · 5 min read How I cut Next.js bundle size by analysing and reducing chunk bloatMay 2026 · 5 min read How I Shaved 140 kB Off a Next.js Bundle by Lazy-Loading Sanity Portable TextApr 2026 · 5 min read

Rendering — PPR, RSC & ISR

Pick the right rendering strategy per page.

How I set up Sanity Studio with live preview in Next.js App Router using PresentationJun 2026 · 5 min read React 19 new hooks in Next.js App Router: what actually changed for meJun 2026 · 5 min read Next.js partial prerendering PPR in production: what actually worksJun 2026 · 5 min read Next.js App Router tutorial guide 2026: from Pages Router to productionMay 2026 · 7 min read Sanity CMS + Next.js App Router: a practical getting started guideMay 2026 · 7 min read How I wire Sanity webhooks to Next.js ISR revalidation with HMAC verificationMay 2026 · 6 min read How I reduced Sanity webhook fanout by batching revalidation tags in a single route handlerMay 2026 · 5 min read How I Ship Sub-200ms TTFB on Sanity-Powered Pages with PPR and EdgeApr 2026 · 5 min read How I Handle Sanity Draft Mode Without Sacrificing Edge PerformanceApr 2026 · 4 min read

Image delivery

Serve modern formats without layout shift.

How I serve WebP and AVIF from Sanity without double-encoding in Next.jsMay 2026 · 6 min read

Need a performance audit?

I run Core Web Vitals and technical-SEO audits with a ranked fix list — most teams see 20–40 Lighthouse points within a sprint.

See services →All posts ↗