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.
Tag
Bundle Size
Reducing Next.js bundle size — code splitting, lazy loading, tree shaking, and using next/bundle-analyzer to find bloat.
5 posts
5 min read
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.
How I use @next/bundle-analyzer to find and fix Next.js bundle size bloat
A step-by-step walkthrough of Next.js bundle size analysis and reduction: finding large imports, fixing vendor chunks, and trimming icon libraries.
Next.js Bundle Size: Analyzing and Cutting Chunk Bloat
A practical walkthrough of Next.js bundle size analysis using @next/bundle-analyzer, with before/after numbers from a real project (487 kB to 301 kB).
Shaving 140 kB Off a Next.js Bundle: Lazy-Load Portable Text
Portable Text blocks can bloat client bundles. Here's how I defer serializers with dynamic imports and RSC boundaries to keep marketing pages under 80 kB — and where lazy-loading trades away SEO visibility.