Next.js App Router与Pages Router对比：数据流与渲染策略

Next.js App Router与Pages Router对比：数据流与渲染策略概览App Router 基于目录布局与 RSC；Pages Router 以文件路由与传统 SSR/SSG；两者在数据流与渲染能力上不同。选型取决于组件模式、SEO 与交互需求。技术参数（已验证）RSC：服务器组件减少客户端包体；通过流式与 `Suspense` 改善时序；限制对浏览器 API 的使用。数据获取：App Router `fetch`/`server actions` 与边缘支持；Pages Router `getServerSideProps`/`getStaticProps`。路由与布局：App 使用 `layout/page` 组合与嵌套；Pages 使用文件与 `_app/_document`。兼容与迁移：混合使用可行；需治理缓存与边缘运行限制。观测：记录包体与关键指标；评估用户体验与 SEO。实战清单新项目优先 App Router；对复杂客户端交互保留客户端组件。在边缘与服务器渲染间选择；为关键页面设置缓存与预取。维护迁移计划与基准；持续优化包体与时序。