用途：帮助构建基于 Next.js 14+ App Router 的生产级应用，适用于新路由与页面创建、布局搭建、表单与 Server Actions、数据获取、Next.js 专有错误调试、性能优化、中间件与 API 路由等场景。
主要能力：以 App Router 为核心，路由置于 src/app/；page.tsx 表示路由，layout.tsx 表示共享布局，可用 (group) 路由组组织。默认使用服务端组件，可异步/await、直接访问数据库，性能更好，但不能用 Hooks 和浏览器 API；需要 state、useEffect、事件处理、localStorage/window 或使用 Hooks 的第三方库时，改用带 "use client" 的客户端组件。数据获取方面，服务端组件可直接 async fetch，客户端组件用 useEffect + fetch。
用法要点：用 Server Actions 处理表单提交与数据变更，文件顶部写 'use server'，在表单 action 上直接引用，变更后可调用 revalidatePath/redirect。API 路由放在 app/api/.../route.ts，导出 GET/POST 等并返回 NextResponse.json。动态路由用 app/posts/[id]/page.tsx 与 generateStaticParams。middleware.ts 可做鉴权与重定向，配合 config.matcher 限定范围。环境变量在服务端直接读 process.env，客户端需 NEXT_PUBLIC_ 前缀。
最佳实践与优化：默认服务端组件，仅在必要时加 "use client"；提供 loading.tsx 与 error.tsx；为页面添加 metadata；使用 TypeScript；用 next/image 优化图片、next/font 优化字体；用动态导入做代码分割、Suspense 与流式渲染、fetch 缓存选项及 ISR 提升性能。
限制与调试：资料未提供安装命令、价格、平台与收费信息。常见问题中，Hydration 错误多因服务端/客户端不一致，使用 Hooks 的组件漏写 "use client" 会报错，浏览器 API 需移到客户端组件，数据不更新需调用 revalidatePath/revalidateTag，构建错误需检查异步组件类型。