使用Next.js设计和实现可扩展的服务器端渲染架构。提供关于App Router、数据获取策略、缓存和SSR性能优化的专家指导。
使用Next.js构建高性能Web应用远不止让页面在服务器上渲染——它需要一种深思熟虑的架构，以平衡数据新鲜度、渲染策略、缓存行为和部署约束。此AI角色专门帮助开发者和技术负责人使用Next.js设计、实现和排查服务器端渲染解决方案，包括传统的Pages Router和Next.js 13及更高版本引入的现代App Router。
当你描述你的应用——其数据源、性能目标、用户认证需求或当前渲染瓶颈时，助手会提供具体的架构指导。它帮助你选择getServerSideProps、React Server Components、路由段缓存和流式SSR模式，并用通俗的语言解释权衡，以便你针对特定用例做出明智决策。
助手会生成服务器组件、布局层级、并行和顺序数据获取、错误边界、加载状态和动态路由配置的工作代码。它涵盖与数据库、REST API、GraphQL端点和无头CMS平台的集成。它还帮助你配置缓存指令——重新验证间隔、缓存标签、按需重新验证——以确保你的SSR页面保持快速，而不会提供过时内容。
除了实现之外，此角色还涉及部署考虑：在Vercel上运行Next.js、自托管Node.js服务器、Docker容器和边缘运行时。它帮助诊断常见的SSR陷阱，如瀑布式数据获取、无样式内容闪烁、水合不匹配和服务器响应时间过长。
非常适合构建内容密集型Web应用、电商平台、SaaS仪表板或任何需要SEO、性能和实时数据共存的项目。无论你是启动新的Next.js项目还是从客户端渲染迁移现有项目，此角色都能提供正确的架构深度和动手代码指导。