Core Web Vitals on Next.js in 2026: how to ship green
Concrete steps to hit Good on LCP under 2.5s, INP under 200ms, and CLS under 0.1 on a Next.js 16 SaaS, plus how to read field data when Lighthouse lies.
Articoli su prodotti AI-native, design system, ingegneria web, economia SaaS e infrastruttura moderna. Nuovi pezzi ogni settimana, con fonti.
Concrete steps to hit Good on LCP under 2.5s, INP under 200ms, and CLS under 0.1 on a Next.js 16 SaaS, plus how to read field data when Lighthouse lies.
Lenis (3 kB), GSAP free since April 2025, ScrollTrigger for scroll math, and native CSS scroll-driven animations. The 2026 stack we ship in production.
TypeScript's strict: true flag turns on 8 separate checks. Most codebases keep strict on at the root and quietly disable one or two of them inside a problem file. Here is each of the 8, what it catches in production, and the three flags outside the bundle that we still turn on for every project.
A US senior Next.js hire costs $234,000 fully loaded and takes six weeks to find. Agency rates run $60 to $250 per hour. Here is how each one wins.
Next.js patched 13 advisories in 2026 covering middleware bypass, cache poisoning, and SSRF. Here is what changed and how to ship server actions safely now.
Edge wins on cold start and global latency. Node wins on libraries, duration, and database work. The decision is not binary, and most production SaaS use both.
After years of running Tailwind alongside our own design system, we removed it from production. Here is the architecture that replaced it and what changed.
Cascade layers, container queries, and color functions are now production defaults. What modern CSS in 2026 actually delivers and where it falls short.
We have shipped both Next.js and Astro this year. For SaaS specifically, Next.js stays our default. Here is the honest tradeoff in 2026.
React Compiler 1.0 shipped in October 2025. Here is where useMemo, useCallback and React.memo still earn their keep, and where the compiler replaces them.
The five-step decision tree we apply on every Next.js 16 project to decide when a component stays server-side and when it needs "use client".
Turbopack as default, async request APIs and React 19's stable Compiler. The three changes a new SaaS project actually needs to plan for in 2026.