Next.js website audit: what a paid one covers and how to judge it
A Next.js website audit should end in a ranked fix list, not a PDF of scores. Here is what a paid performance and Sanity audit covers and how to judge it.
Tag
Core Web Vitals
Diagnosing and fixing Core Web Vitals — LCP, CLS, INP, and TTFB — in real Next.js production builds.
16 posts
7 min read
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.
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.
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.
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.
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.
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.
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.
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.
Kill CLS on Sanity Images: sizes, width & height from Metadata
Kill CLS on Sanity images for good. Pull metadata.dimensions into next/image sizes and aspect-ratio boxes — exact GROQ and component code.
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 Hotspot + next/image: Pixel-Perfect Focal Point Crops
Use @sanity/image-url with hotspot, crop, fit, width, and height to crop Sanity images to an exact size in next/image — focal point preserved, with code and the exact GROQ.
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.
INP for React Apps: Profiling and Eliminating Long Tasks
INP is responsiveness. Learn how to find long tasks, profile React re-renders, reduce main-thread work, and ship fast interactions consistently.
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.