用途
该技能用于在构建 Next.js 应用时遵循现代最佳实践，核心是采用 App Router 并在项目结构、数据获取、UI 状态与元数据方面使用推荐做法。资料特别提示：Next.js 是一个频繁变化的库，应使用网页搜索或 context7 MCP（通过 DocsExplorer 智能体）来查阅当前最新文档。
主要能力
路由与结构
- 新项目使用 app/ 目录下的 App Router。
- 使用嵌套布局（nested layouts）和路由组（route groups）来组织各个区块。
- 以服务端组件为默认；仅在需要时添加 'use client'。
数据获取与缓存
- 在 React 服务端组件（React Server Components）中获取数据。
- 避免通过 useEffect() 和 fetch() 获取数据。
- 变更（mutations）使用服务端函数（Server Functions / server actions），可结合 useActionState 等 React Hooks 使用。
UI 状态
- 为路由级用户体验提供 loading.tsx 和 error.tsx。
- 在异步 UI 外层使用 Suspense 边界。
元数据与 SEO
- 在布局和页面中使用 Metadata API。
- 尽可能优先使用静态元数据；动态元数据保持最小化。
使用方式
资料未提供具体的安装命令、配置步骤或调用方式，仅说明了应遵循的实践原则。同时提示应通过网页搜索或 context7 MCP（经由 DocsExplorer 智能体）探索当前文档。
适用场景
适用于构建现代 Next.js 应用，尤其是需要采用 App Router、服务端组件和规范的项目结构与数据流的前端开发工作。
限制
资料未提供收费、价格、平台支持、具体性能效果等信息。具体版本要求、安装方式与使用步骤暂未提供。