performance
Installation
SKILL.md
Next.js Performance
Systematic approach to optimizing Next.js applications.
Performance Dimensions
1. Rendering Strategy
Pick the right strategy per route:
| Strategy | Use Case | Trade-off |
|---|---|---|
| Static (SSG) | Public content, blog, docs | Fastest, no server load, stale on update |
| ISR | Content that changes periodically | Revalidate on demand or by time |
| Dynamic (SSR) | User-specific, auth-gated | Always fresh, server cost per request |
| Streaming | Routes with slow data dependencies | Faster TTFB, progressive rendering |
Rule of thumb: Static by default, dynamic by necessity.