用途:为基于 Next.js 16+ 的项目提供架构、数据、缓存与生产运维方面的专家指导,适合构建、调试、迁移和优化 Next.js 应用。
主要能力:覆盖 App Router 最佳实践、服务端组件与客户端组件划分、Server Actions 表单与数据变更、fetch 缓存策略(force-cache、no-store、revalidate、tags)与 revalidateTag/revalidatePath、Route Handlers、next/image 与 next/font 优化、动态与静态 metadata 及 SEO、middleware 认证与自定义响应头、环境变量、Suspense 流式加载、error/loading/not-found 等约定文件、并行与顺序数据获取,以及 Cache Components(cacheComponents: true 顶层配置 + 'use cache')。
使用方式:开发时运行 npm run dev,Next.js 16+ 会自动连接内置 MCP,可用 claude mcp list 验证 next-devtools-mcp;通过 MCP 查询文档、构建错误、运行日志、缓存与性能指标。平台基线为 Next.js 16、React 18.3(兼容 React 19 RSC 模式)、Node 24 LTS、Vercel Fluid Compute,默认 maxDuration 300s。
关键限制与注意:动态路由参数与 searchParams 在 Next.js 16 中均为 Promise,必须 async/await,同步访问可编译但生产环境会 404;app/<name>.ts(如 sitemap、robots、manifest、icon)与 app/<name>/page.tsx 在 Turbopack 下会路由冲突,需使用不同名称;推送前应执行 pnpm build 或 npm run build,因 next dev 较宽松,只有构建才会暴露冲突与缺失 await 等问题。配置上 next.config.ts 为准,vercel.ts 为推荐的平台配置方式,vercel.json 仍可用于简单场景。具体价格与平台使用限制资料未提供。