mcpField
N
nextjs-v16

nextjs-v16

github.com/bobmatnyc开发78375 次安装15 周前更新
代码仓库

关于 nextjs-v16

面向开发者的 Next.js 16 参考技能，介绍框架更新后的 API 与约定。内容涵盖异步请求 API、选择启用的缓存、默认使用 Turbopack，以及常见变更的迁移指引。

主要功能

  1. 01异步请求 API 指引
  2. 02使用 `use cache` 选择启用缓存
  3. 03Turbopack 默认设置说明
  4. 04从 middleware 迁移到 proxy
  5. 05缓存重新验证指引

适用场景

  1. 01更新代码以适配 Next.js 16
  2. 02将 `middleware.ts` 迁移到 `proxy.ts`
  3. 03改用异步请求 API
  4. 04更新缓存重新验证调用

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/bobmatnyc/claude-mpm-skills --skill nextjs-v16

安装后在 Claude Code 中输入/nextjs-v16确认已加载。

包含的文件

除 SKILL.md 外，安装时一起下载的参考资料和脚本。

metadata.json
references/
cache-components.md
migration-checklist.md
turbopack.md

详细介绍

Next.js 16

  • params/cookies/headers 异步化；通过 "use cache" 启用选择性缓存；默认使用 Turbopack。

反模式：

  • ❌ 同步请求 API；✅ 对 params、cookies() 和 headers() 使用 await。
  • ❌ 保留 middleware.ts；✅ 使用 proxy.ts 和 export function proxy。
  • ❌ revalidateTag("posts")；✅ 使用 revalidateTag("posts", "max") 或 { expire: ... }。

参考：references/migration-checklist.md、references/cache-components.md、references/turbopack.md

评论

支持 Markdown