next-best-practices

星标1

分支0

更新时间2026年4月1日 20:38

Next.js App Router best practices for routing, data fetching, rendering, and optimization.

安装

用 Codex 或 Claude 帮你安装复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。

来源

RevealUIStudio

RevealUIStudio/revcon

下载

Next.js Best Practices

Refer to the official documentation for comprehensive guidance:

Use Server Components by default; add 'use client' only when the component needs browser APIs, event handlers, or React hooks like useState/useEffect
In Next.js 15+, params, searchParams, cookies(), and headers() are async -- always await them
Avoid data waterfalls by parallelizing fetches with Promise.all or leveraging Suspense boundaries to stream independent sections
Use generateMetadata for dynamic SEO metadata and next/image with explicit width/height or sizes for all images
Prefer Server Actions ('use server') for mutations over client-side API calls to Route Handlers

同仓库更多 Skills

同仓库

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 Server Components by default; add 'use client' only when the component needs browser APIs, event handlers, or React hooks like useState/useEffect
In Next.js 15+, params, searchParams, cookies(), and headers() are async -- always await them
Avoid data waterfalls by parallelizing fetches with Promise.all or leveraging Suspense boundaries to stream independent sections
Use generateMetadata for dynamic SEO metadata and next/image with explicit width/height or sizes for all images
Prefer Server Actions ('use server') for mutations over client-side API calls to Route Handlers