Menu
Next.js App Router best practices for routing, data fetching, rendering, and optimization.
Installer avec Codex ou Claude Copiez ce prompt, collez-le dans Codex, Claude ou un autre assistant, puis laissez-le vérifier la page du skill et l'installer pour vous.
Basé sur la classification professionnelle SOC
| 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 HandlersCreate 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.