Menu
Next.js App Router best practices for routing, data fetching, rendering, and optimization.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
Create and apply Drizzle ORM migrations against the single Neon-primary PostgreSQL database
Run the 15-check pre-launch preflight and interpret results with context-aware fix suggestions
Next.js Cache Components, 'use cache' directive, PPR, cacheLife, cacheTag, and migration from unstable_cache.
Turborepo monorepo task orchestration, caching, and pipeline configuration guidance.
React composition patterns for building maintainable, reusable component architectures.
Deployment to Vercel including configuration, environment variables, and production best practices.
| name | next-best-practices |
| description | Next.js App Router best practices for routing, data fetching, rendering, and optimization. |
Refer to the official documentation for comprehensive guidance:
'use client' only when the component needs browser APIs, event handlers, or React hooks like useState/useEffectparams, searchParams, cookies(), and headers() are async -- always await themPromise.all or leveraging Suspense boundaries to stream independent sectionsgenerateMetadata for dynamic SEO metadata and next/image with explicit width/height or sizes for all images'use server') for mutations over client-side API calls to Route Handlers