What problem does it solve?
This Skill helps you write and refactor Next.js 16 App Router code with performance-first patterns, so pages load faster, cache correctly, and avoid common production regressions.
Core Features & Use Cases
- Build and bundle optimization: Improve startup time and bundle size by choosing direct imports, dynamic loading, and the right Next.js configuration.
- Caching and data freshness: Apply explicit cache rules, revalidation, and cache tagging to keep content fast and current.
- Server rendering patterns: Structure Server Components, streaming, loading states, and errors so data arrives progressively without waterfalls.
- Routing and app architecture: Set up parallel routes, intercepting routes, metadata, robots, and sitemap patterns for polished App Router experiences.
- Use case: A team migrating a dashboard to Next.js 16 can use this Skill to tighten caching, reduce hydration overhead, and add better loading and error handling across the app.
Quick Start
Ask the assistant to review your Next.js 16 App Router code and recommend the highest-impact performance, caching, routing, and configuration fixes.
