用途
该技能用于在编写或使用 Next.js 功能时，提供基于 App Router 的现代最佳实践指导。它适用于处理 Next.js 代码的场景，帮助开发者遵循当前推荐的项目结构与实现方式。
主要能力
- 路由与结构：新工作使用 app/ 目录下的 App Router；使用嵌套布局和路由组来组织各个区块；默认保持服务端组件，仅在需要时添加 'use client'。
- 数据获取与缓存：在 React 服务端组件中获取数据，避免通过 useEffect() 和 fetch() 获取；变更操作使用服务端函数（Server Functions），可结合 useActionState 等 React Hooks 使用。
- UI 状态：为路由级用户体验提供 loading.tsx 和 error.tsx；使用 Suspense 边界包裹异步 UI。
- 元数据与 SEO：在布局和页面中使用 Metadata API；尽可能优先使用静态元数据，动态元数据保持精简。
使用方式
该技能以指导性规则的形式给出，在涉及 Next.js 代码或功能时应用上述实践。由于 Next.js 更新频繁，技能建议通过网页搜索或 context7 MCP（经 DocsExplorer 智能体）查阅当前文档，以获取最新信息。
适用场景
适用于使用 Next.js 进行开发、需要遵循 App Router 与现代最佳实践的项目，尤其是涉及路由组织、服务端组件、数据获取、变更操作、路由级 UI 状态以及元数据与 SEO 配置的工作。
限制
资料未提供该技能的具体安装命令、依赖要求、版本兼容范围或收费信息，这些内容暂未提供。