SuperAPI AI 工具集

nextjs-v16

编程与开发

查看项目

更新于 10-15 15:21

技能介绍

用途

本技能是一份 Next.js 16 迁移指南,用于帮助开发者将现有 Next.js 项目升级到 v16,并规避升级过程中容易出现的写法错误。它围绕 Next.js 16 的三项主要变化展开:异步请求 API、通过 "use cache" 显式启用缓存、以及 Turbopack 成为默认构建工具。

主要能力

技能以“反模式 vs 正确写法”的形式给出迁移要点:

  • 请求 API:不再使用同步的请求 API,应改为 await params、cookies() 和 headers()。
  • 中间件:不再保留 middleware.ts,应改用 proxy.ts 并导出 function proxy。
  • 缓存失效:不再使用 revalidateTag("posts") 这种单参数写法,应改为 revalidateTag("posts", "max") 或传入 { expire: ... }。

此外,技能还提供三份参考文档,供进一步查阅:

  • references/migration-checklist.md(迁移清单)
  • references/cache-components.md(缓存组件)
  • references/turbopack.md(Turbopack)

使用方式

资料中未提供具体的安装命令或调用步骤,暂未提供。可参考的入口为技能页面:https://www.skills.sh/bobmatnyc/claude-mpm-skills/nextjs-v16,来源为 bobmatnyc/claude-mpm-skills。

适用场景

适用于正在或计划将 Next.js 项目升级到 v16 的开发者,尤其是需要处理异步请求 API 改造、缓存策略调整、中间件迁移以及构建工具切换(Turbopack)的场景。

限制

资料仅列出上述迁移要点与参考文档,未说明支持的 Next.js 具体小版本、运行环境、依赖要求或收费情况,这些信息暂未提供。