SuperAPI AI 工具集

nextjs

前端与建站

查看项目

更新于 10-16 01:26

技能介绍

用途:这是一套针对 Next.js App Router(14+)的团队约定,适用于编写或修改代码时参考,不要求迁移未改动的旧路由。

主要能力与约定:只使用 App Router,新增代码放在 app/,不要加到 pages/;默认使用 Server Components,'use client' 只标记需要交互的叶子组件,边界越深越好;需按已安装版本核对缓存行为——Next 14 中 fetch 默认可缓存,Next 15 起 fetch、Route Handlers 与客户端导航默认不缓存,应显式设置意图(cache、next.revalidate 或路由段配置);Next 15 起 params 与 searchParams 是 Promise,需用 await 解构;layout.tsx 中的鉴权检查不是安全边界,应在 middleware 及读取数据处强制;用 next: { tags: [...] } 标记数据并按 tag 重新验证;Server Actions 是公开端点,需在服务端重新校验鉴权与输入;在渲染数据的组件内直接 fetch,React 会去重;元数据通过 Metadata API 导出;始终使用 next/image 与 next/font;为有意义的路由段添加 loading.tsx 与 error.tsx。

限制:具体项目的版本与配置需自行核对,资料未提供安装命令、价格或更多实现细节。