Next.js Optimization Cheat Sheet

Image, font, and bundle tuning

Last Updated: November 21, 2025

Features

Feature Benefit
next/image Automatic resizing
next/font Inline fonts
dynamic imports Split bundles

Commands

next build
Create optimized output
next export
Static
next lint
Enforce rules

Strategy

Audit bundles, use chunking, and cache at CDN edge.

💡 Pro Tip: Use next/image, font optimization, and keep server components light.
← Back to Web Frameworks | Browse all categories | View all cheat sheets