nextjs-performance
Installation
SKILL.md
Next.js Performance
Expert guidance for optimizing Next.js applications.
Quick Reference
| Concern | Solution | Impact |
|---|---|---|
| Images | next/image with sizing | CLS prevention, auto-optimization |
| Fonts | next/font | No layout shift, self-hosted |
| Heavy components | next/dynamic | Reduced initial bundle |
| Data caching | fetch options (revalidate) | Reduced server load |
| Client navigation | Link component | Instant transitions |
| Bundle size | Tree shaking, no unused deps | Faster JS loading |