SuperAPI AI 工具集

nextjs-16

编程与开发

查看项目

更新于 10-15 21:48

技能介绍

用途:在构建 Next.js 16 应用时提供框架核心 API 与迁移指导,涵盖 Server Components、流式渲染、Turbopack、App Router、缓存与路由保护。不适用于整栈脚手架(应使用 nextjs-stack)或纯 React SPA(应使用 react-expert)。

主要能力:记录 v15→v16 关键破坏性变更,包括 proxy.ts 取代 middleware.ts(完整 Node.js 运行时)、Turbopack 成为 next dev/next build 默认(自定义 webpack 配置需迁移或用 --webpack 退出)、cacheComponents 与 use cache 取代已移除的 experimental.ppr、要求 React 19、params/searchParams 需 await。还涉及 16.1–16.3 新增项:Turbopack 文件系统缓存、next dev --inspect、<Link> 的 transitionTypes、Adapters API 稳定、catchError 与 retry()、next/root-params、import.meta.glob、Turbopack 构建缓存、可选 Instant Navigations。

使用方式:技能要求实现前并行启动三个 Agent(explore-codebase、research-expert、mcp__context7__query-docs),实现后运行 fuse-ai-pilot:sniper 验证。架构上采用模块化结构,页面为薄入口,从 feature 模块导入;文件约定含 page.tsx、layout.tsx、loading.tsx、error.tsx、not-found.tsx。缓存使用 use cache、cacheTag()、cacheLife()、revalidateTag();数据在 Server Components 中直接获取。

适用场景:新建服务端优先的 React 应用、需要 Server Components 与 SEO、流式渲染、从 14/15 迁移到 16、用 proxy.ts 做路由保护、使用 Turbopack 加速开发。

限制:仅覆盖框架核心 API;具体安装命令、配置细节与各参考文档内容在资料中未完整提供,需查阅对应文件。