用途:在设计与组织 Next.js App Router 的页面结构、路由和布局嵌套时加载本技能,提供一组 App Router 模式参考。
主要能力: 路由组 ((name)):用于组织页面而不影响 URL,适合划分 marketing、dashboard、auth 等区域。 布局嵌套:layout.tsx 在跨导航时保持,仅 children 重新渲染。 Loading/Error:每段路由可单独配置 loading.tsx 和 error.tsx,其中 error 必须是 Client Component。 并行路由 (@slot):让一个布局同时显示多个独立页面。 拦截路由 ((.)):从列表进入时弹出 modal,直接访问则进入正常页面。
使用方式:按上述模式组织目录与文件。默认使用 Server Components,并把 Client 边界下推,只在需要交互的部分包 'use client'。
适用场景:Next.js App Router 项目的页面结构设计、路由组织与布局嵌套规划。
限制:资料未提供具体版本要求、配置示例与更多细节;实际行为以所用 Next.js 版本为准。