用途：整理 Next.js App Router 的生产实践模式，帮助开发者理解服务端组件、数据获取、路由、中间件、缓存与部署。
主要能力：涵盖 App Router 目录结构（layout、page、loading、error、not-found、api/route、嵌套与动态路由）；默认使用 Server Components，可直接访问数据库；仅在需要 useState、useEffect 或浏览器 API 时添加 'use client'；在服务端组件内直接 fetch，支持 next.revalidate 缓存；通过 Server Actions 处理变更并用 revalidatePath / revalidateTag 失效缓存；使用 app/api 下的 route.ts 提供 GET/POST 等 Route Handlers；在根级 middleware.ts 中基于 cookie 做鉴权与重定向，并用 config.matcher 限定匹配路径。
使用方式：示例包含目录树与关键代码片段，如服务端组件异步取数、Server Action 表单提交、NextResponse.json 返回、中间件重定向。常用命令：npx next dev、npx next build、npx next start、npx next lint，以及 ANALYZE=true npx next build 分析打包体积。
适用场景：用 Next.js App Router 搭建全栈应用、做路由与服务端渲染、处理数据变更与缓存失效、配置鉴权中间件与生产部署。
限制与注意：默认优先服务端组件，客户端组件应尽量小并下沉到叶子节点；服务端组件可直接 await，无需手写加载状态，可用 loading.tsx 自动 Suspense；服务端组件中的 fetch 会自动去重与缓存。资料未提供具体版本要求、部署平台细节、收费与性能数据。