Plan Next.js App Router Architecture 今日发布

这是一款面向 AI 编程助手的 Next.js App Router 架构设计技能，帮助开发团队在路由组织、组件边界、数据加载和性能策略等关键决策上做出结构化的选择。

技能核心能力包括：设计 App Router 文件夹结构，覆盖认证区、仪表盘、API 区域等典型场景；指导从 Pages Router 到 App Router 的布局和页面迁移路径；明确 Server Component 与 Client Component 的边界划分原则；推荐静态生成、ISR、流式渲染、图片优化、代码分割等生产级性能策略。

使用场景： ① 设计新产品架构——基于 App Router 创建包含路由组、布局、API 路由和数据加载方案的完整结构； ② 制定迁移计划——将 Pages Router 概念转换为 App Router 布局、页面和 Server-First 数据模式，给出分阶段迁移步骤； ③ 评估生产就绪状态——在发布前检查组件边界、渲染模式、Suspense 边界、流式渲染、图片处理和代码分割； ④ 优化生产架构——审查 Next.js 架构的性能和可扩展性，给出静态生成、ISR、流式渲染、缓存、图片策略和代码分割的具体改进建议。

注意事项：不检查实时代码库，需要由用户或 AI 提供项目文件；不执行迁移、安装包或运行构建命令；建议需根据具体 Next.js 版本和部署平台调整。

安装命令：npx skillstore add joseph obrien/89jobrien-nextjs-architecture