Menü
Next.js App Router best practices for routing, data fetching, rendering, and optimization.
Mit Codex oder Claude installieren Kopieren Sie diesen Prompt, fügen Sie ihn in Codex, Claude oder einen anderen Assistant ein und lassen Sie die Skill-Seite prüfen und installieren.
Basierend auf der SOC-Berufsklassifikation
| 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.