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.
Tag
Bundle Size
Reducing Next.js bundle size — code splitting, lazy loading, tree shaking, and using next/bundle-analyzer to find bloat.
3 posts
5 min read
How I cut Next.js bundle size by analysing and reducing chunk bloat
A practical walkthrough of Next.js bundle size analysis using @next/bundle-analyzer, with before/after numbers from a real project.
How I Shaved 140 kB Off a Next.js Bundle by Lazy-Loading Sanity 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.