用途:这是一套 Next.js 14+ 的编码规则,用于在构建采用 SSR/SSG 的 Next.js 应用时统一写法,核心围绕 App Router、Server Components 与 Server Actions。
主要能力与约定:默认使用 Server Components,不加 'use client',可直接在组件内 await 数据;仅在需要交互时添加 'use client' 并使用 useState 等客户端能力;数据变更统一使用 Server Actions,函数内标注 'use server',配合 revalidatePath 刷新缓存;数据获取通过 fetch 的 next.revalidate 配置 ISR 缓存;SEO 使用 generateMetadata;静态页面使用 generateStaticParams。
决策指引:需要交互加 'use client';需要取数据用 Server Component;需要表单变更用 Server Action;需要缓存配置 fetch cache;需要 SEO 用 generateMetadata;需要静态页用 generateStaticParams。
使用方式:以规则形式约束代码风格,示例命令包括 npx create-next-app@latest myapp、npm run dev、npm run build、npm run start。
适用场景:使用 Next.js 14+ App Router 构建带 SSR/SSG 的应用,尤其是需要服务端数据获取、表单变更与 SEO 元数据的项目。
限制:资料未提供版本兼容范围、依赖要求、性能或安全说明,也未提供收费、平台与效果信息。