用途:该技能面向 Next.js 14+ 的 App Router,帮助开发者理解并应用服务端组件、布局与现代路由模式。
主要能力:涵盖根布局与嵌套布局、模板;默认服务端组件渲染;通过 'use client' 实现交互式客户端组件;用 (folder) 进行路由分组;用 @slot 实现并行路由同时渲染;以及 (.) 形式的拦截路由模式。
使用方式:作为技能/插件使用,示例包括在 app/layout.tsx 定义根布局并接收 children,以及在 app/dashboard/page.tsx 中以异步服务端组件在服务端取数据后渲染。代码内容保持原样。
最佳实践:默认使用服务端组件;仅在需要时添加 'use client';用布局复用共享 UI;用 loading.tsx 处理 suspense。
适用场景:构建采用 App Router 的 Next.js 应用、组织路由与共享布局、需要服务端渲染或并行/拦截路由的项目。
限制:资料未提供安装命令、收费、价格、平台与具体使用步骤等信息,暂未提供。