新手入门NextJS：该选择NextJS 12还是NextJS 13？

• 优先深耕NextJS 13的App Router
  App Router是官方主推的下一代架构，也是未来新项目的标准选型，完全没必要因为12的存在而犹豫。重点抓这些核心：

  • 掌握layout.tsx、page.tsx、route.ts等特殊文件的作用，理解嵌套路由的实现逻辑
  • 搞清楚服务器组件(Server Components) 和客户端组件(Client Components) 的区别，这是13和CRA、NextJS 12最大的差异点，也是NextJS性能优势的核心
  • 熟悉新的数据获取方式（比如async/await直接在组件里写），替代12里的getStaticProps/getServerSideProps

• 补充NextJS 12的3个关键知识点（不用全学）
  不用花大量时间啃12的全量内容，但这几个点能帮你更好理解13的演进，也能应对可能遇到的旧项目维护：

  • Pages Router的全局入口：_app.tsx（全局状态、全局样式的旧写法）和_document.tsx（自定义HTML结构），13里有对应的替代方案但逻辑相通
  • 旧版数据获取：getStaticProps/getServerSideProps/getStaticPaths，理解它们的作用能更快掌握13里新的数据获取模型
  • 旧版API路由：pages/api目录的写法，对比13里的route.ts Route Handler，明白两者的异同

• 实践建议

  • 先从App Router的小项目练手，比如做一个带列表、详情页的博客，快速熟悉新架构
  • 遇到疑问时，不用刻意去补12的所有细节，只针对当前问题查对应的旧实现，理解为什么13要做这个改动
  • 以官方文档为主，13的文档里会明确标注哪些是新特性，哪些是兼容旧版的内容

内容的提问来源于stack exchange，提问作者an8ar