SuperAPI AI 工具集

nextjs

前端与建站

查看项目

更新于 10-15 23:31

技能介绍

用途:帮助开发者构建 Next.js 16 应用,覆盖 App Router、Server Components/Actions 与缓存组件等生产模式。资料声明版本为 Next.js 16.1.1、React 19.2.3,要求 Node.js 20.9+。

主要能力:讲解 Next.js 16 破坏性变更,包括 params/searchParams/cookies()/headers()/draftMode() 改为异步需 await;middleware.ts 迁移为 proxy.ts;并行路由必须提供 default.js;AMP、next lint、serverRuntimeConfig、publicRuntimeConfig、experimental.ppr 等被移除;next/image 默认 TTL、sizes、qualities 变化。介绍 Cache Components 与 "use cache" 指令、PPR、revalidateTag() 需第二参数等缓存 API。还涉及 React 19.2 的 View Transitions、useEffectEvent()、React Compiler,以及 Turbopack 在 16 版稳定。资料列出 2025 年 12 月三个安全公告(CVE-2025-66478 等),建议升级到 16.1.1 以上。

使用方式:作为技能内容在相关环境中调用;迁移可运行 npx @next/codemod@canary upgrade latest,客户端组件用 React.use() 解包 Promise;版本检查可用 node --version、npx next --version。

适用场景:Next.js 16 新项目、15 升 16 迁移、缓存策略设计、错误排查。

限制:仅覆盖 App Router,不涉及 Pages Router;认证、数据库、UI 库、状态管理、表单、部署及 Vercel 专有功能需配合其他技能或文档;官方 codemod 约覆盖 80% 异步 API 迁移,需人工检查。