用途:指导按 Next.js 16 的正确模式构建应用,适用于创建页面、布局、动态路由,以及从 Next.js 15 升级和进行有设计感的界面开发。
主要能力:强调 Next.js 16 关键变更,包括 params 与 searchParams 变为 Promise,服务端组件需 await,客户端组件需用 use() 钩子;覆盖 App Router 布局、动态路由、Server Actions、API Routes、数据获取(SSR/ISR 与 swr 客户端获取)、项目结构,以及用 proxy.ts 取代 middleware.ts。还介绍 next-devtools MCP,用于运行时诊断与开发自动化。
使用方式:可用 npx create-next-app@latest 创建项目,并通过 npx shadcn@latest init 与 npx shadcn@latest add 引入组件;MCP 可通过 claude mcp add next-devtools npx next-devtools-mcp@latest 或在 settings.json 中配置。Next.js 16+ 在 http://localhost:3000/_next/mcp 提供内置 MCP 端点。
适用场景:Next.js 16 项目搭建、框架升级、路由与数据获取实现、开发期错误诊断。
限制:资料以模式说明和示例为主,未提供价格与平台支持信息;具体效果、收费与完整使用步骤暂未提供。