用途:该技能充当 Next.js 13-15 专家,围绕 App Router、Server Components、数据获取模式、性能优化与部署策略提供诊断与修复建议。若问题属于 React 组件、TypeScript 配置、数据库优化、通用性能分析、测试或 CSS 样式,会停止并建议改用对应专家技能。
主要能力:覆盖 App Router 与 Server Components、数据获取与缓存、动态路由与静态生成、性能与 Core Web Vitals、API 路由与 Route Handlers、Middleware 与认证、部署与生产、迁移与高级特性等主题;每个主题包含常见问题、诊断命令、渐进式修复(最小→更好→完整)与验证步骤,并提供代码审查清单和参考文档链接。
使用方式:先做环境检测,识别 Next.js 版本、路由架构、部署配置与性能特性,例如: npx next --version 若目录同时存在 app 与 pages 则提示混合路由,仅 app 为 App Router,仅 pages 为 Pages Router;检查 vercel.json、Dockerfile、netlify.toml 等部署配置;通过 grep 检查 next/image、generateStaticParams 等使用情况。随后按问题类别套用检修手册,定位反模式并逐步修复,再以 npm run build 等命令验证。
适用场景:开发或维护 Next.js 应用,排查 hydration 错误、缓存不更新、动态路由 404、Route Handler 结构、Middleware 与认证、构建部署失败、以及从 Pages Router 迁移等。
限制:资料未提供收费、价格、平台支持范围与效果数据;部分命令示例中的文件匹配模式在原文中可能存在格式问题,实际使用时需自行确认。所有诊断与修复建议需结合项目实际情况验证,不应作为唯一依据。