![[太阳]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_135.5741bcc.png)
alphaTabc
vis
可视化
获得徽章 8
赞了这篇文章
赞了这篇文章
赞了这篇文章
赞了这篇文章
赞了这篇文章
赞了这篇文章
迁移到 App Router 可能是第一次使用 Next.js 构建于其之上的 React 功能，例如服务器组件、Suspense 等。当与新的 Next.js 功能（例如特殊文件和布局）相结合时，迁移意味着需要学习新的概念、思维模型和行为变化。
我们建议通过将迁移分解为更小的步骤来降低这些更新的综合复杂性。 app 目录被有意设计为与pages 目录同时工作，以允许增量式逐页迁移。
● app目录支持嵌套路由和布局。
● 使用嵌套文件夹定义路由，并使用特殊的 page.js 文件使路由段可公开访问
● 特殊的文件约定用于为每个路线段创建 UI。最常见的特殊文件是page.js 和layout.js。
○ 使用 page.js 定义路由特有的 UI
○ 使用layout.js 定义在多个路由之间共享的UI。
○ .js、.jsx 或 .tsx 文件扩展名可用于特殊文件
● 您可以在app目录中并置其他文件，例如组件、样式、测试等
● getServerSideProps 和 getStaticProps 等数据获取函数已被应用程序内的新 API 取代。 getStaticPaths 已替换为 generateStaticParams。
● pages/_app.js 和pages/_document.js 已替换为单个 app/layout.js 根布局。
● pages/_error.js 已替换为更细粒度的 error.js 特殊文件
● pages/404.js 已替换为 not-found.js 文件。
● pages/api/* 目前保留在pages 目录中。
我们建议通过将迁移分解为更小的步骤来降低这些更新的综合复杂性。 app 目录被有意设计为与pages 目录同时工作，以允许增量式逐页迁移。
● app目录支持嵌套路由和布局。
● 使用嵌套文件夹定义路由，并使用特殊的 page.js 文件使路由段可公开访问
● 特殊的文件约定用于为每个路线段创建 UI。最常见的特殊文件是page.js 和layout.js。
○ 使用 page.js 定义路由特有的 UI
○ 使用layout.js 定义在多个路由之间共享的UI。
○ .js、.jsx 或 .tsx 文件扩展名可用于特殊文件
● 您可以在app目录中并置其他文件，例如组件、样式、测试等
● getServerSideProps 和 getStaticProps 等数据获取函数已被应用程序内的新 API 取代。 getStaticPaths 已替换为 generateStaticParams。
● pages/_app.js 和pages/_document.js 已替换为单个 app/layout.js 根布局。
● pages/_error.js 已替换为更细粒度的 error.js 特殊文件
● pages/404.js 已替换为 not-found.js 文件。
● pages/api/* 目前保留在pages 目录中。
展开
评论
4
赞了这篇文章
赞了这篇文章
赞了这篇文章