用途:该技能面向 Next.js 14+ App Router 的全栈开发,重点处理 Next.js 内部的后端关注点,如 Server Actions 与数据变更、Route Handlers/API 路由、Next.js 中间件,并覆盖服务端组件、数据获取、缓存与再验证、性能与 SEO 优化、部署等环节。
主要能力:按架构规划、路由实现、数据层、优化、部署的工作流推进;提供 App Router、服务端组件、Server Actions、数据获取、部署等参考主题(对应 references 下的文件)。约束上要求使用 App Router(非 Pages Router)、TypeScript 严格模式、默认服务端组件、以 'use client' 标记客户端组件、使用原生 fetch 及缓存选项、用 Metadata API 做 SEO、用 next/image 优化图片、设置 loading 与 error 边界,并以 Core Web Vitals > 90 为目标;同时列出不应执行的事项,如使用 Pages Router、全量客户端组件、在客户端组件中非必要地取数、跳过图片优化、硬编码 metadata、无必要使用外部状态管理器、跳过错误边界、未做构建优化就部署。
使用方式:技能说明中列出了 App Router、Server Components、Server Actions、Data Fetching、Deployment 等参考文件及其适用场景,可在对应开发阶段加载详细指导;实现功能时按输出模板给出应用结构、含数据获取的布局/页面组件、必要的 Server Actions、配置(next.config.js、TypeScript)以及渲染策略的简要说明。
适用场景:构建 Next.js 14+ App Router 应用、实现服务端组件与 Server Actions、设置数据获取/缓存/再验证、性能优化(图片、字体、打包)、用 Metadata API 实现 SEO、部署到 Vercel 或自托管。
限制:资料未提供具体安装命令、版本号外的依赖细节、收费或平台价格信息,也未提供完整代码示例;此外知识范围标注为 Next.js 14+,描述中同时提及 Next.js 15+,版本适用性以实际项目为准。