SuperAPI AI 工具集

nextjs

前端与建站

查看项目

更新于 10-15 22:39

技能介绍

用途:该技能用于 Next.js 16 App Router 的生产模式开发,涵盖布局、loading、错误边界、路由、Server Components 数据获取与流式渲染、Server Actions 表单与变更、Route Handlers、Metadata API、图片与字体优化、性能优化及 TypeScript 配置。

主要能力:介绍 Next.js 16 的破坏性变更,包括 params、searchParams、cookies()、headers()、draftMode() 改为异步需 await;middleware.ts 迁移为 proxy.ts;并行路由需显式 default.js;移除 AMP、next lint、serverRuntimeConfig/publicRuntimeConfig、experimental.ppr 等;最低 Node.js 20.9+、TypeScript 5.1+、React 19.2+。缓存方面引入 "use cache" 指令的显式缓存、Partial Prerendering,以及 revalidateTag() 需第二参数、新增 updateTag() 与 refresh()。

使用方式:作为技能加载后按主题查阅对应模式与模板;迁移可运行 npx @next/codemod@canary upgrade latest。

适用场景:Next.js 16 App Router 项目开发、15 到 16 迁移、缓存与性能优化。

限制:不覆盖 Pages Router、Cloudflare Workers 部署、认证、数据库、UI 组件库、状态管理、表单库及 Vercel 专属功能;具体模板与参考文件内容暂未提供。