用途
该技能面向使用 Next.js 构建现代应用的开发场景，目标是在 App Router 体系下遵循当前推荐的最佳实践。资料指出 Next.js 是一个频繁变化的库，因此建议通过网页搜索或 context7 MCP（经由 DocsExplorer 智能体）来查阅最新文档，而不是依赖过时知识。
主要能力
路由与结构
- 新项目或新功能使用 app/ 目录下的 App Router。
- 使用嵌套布局（nested layouts）和路由组（route groups）来组织页面区块。
- 默认使用服务端组件（server components），仅在需要时添加 'use client'。
数据获取与缓存
- 在 React Server Components 中获取数据。
- 避免通过 useEffect() 和 fetch() 获取数据。
- 使用服务端操作（Server Functions）处理变更（mutations），可结合 useActionState 等 React Hooks 使用。
UI 状态
- 为路由级用户体验提供 loading.tsx 和 error.tsx。
- 在异步 UI 周围使用 Suspense 边界。
元数据与 SEO
- 在布局和页面中使用 Metadata API。
- 尽可能优先使用静态元数据，保持动态元数据最小化。
使用方式
资料未提供具体的安装命令、调用方式或代码示例，仅给出上述实践要点。实际使用时需结合 Next.js 项目环境，并参考最新官方文档。
适用场景
适用于需要构建或维护 Next.js 应用、并希望遵循 App Router 现代最佳实践的开发工作，尤其关注服务端组件优先、服务端数据获取、路由级加载与错误处理以及元数据管理。
限制
资料未说明该技能的收费、价格、支持平台、具体效果或完整使用步骤，这些信息暂未提供。此外，由于 Next.js 变化频繁，资料明确建议通过外部文档渠道核实当前 API 与推荐做法。