跳转至

NextJS

欢迎来到 Next.js 文档!

1. 什么是 Next.js?

Next.js 是一个用于构建全栈 Web 应用程序的 React 框架。您可以使用 React Components 来构建用户界面,并使用 Next.js 来实现附加功能和优化。

它还自动配置较低级别的工具,例如捆绑器和编译器。您可以专注于构建产品并快速发货。

无论您是个人开发人员还是大型团队的一员,Next.js 都可以帮助您构建交互式、动态且快速的 React 应用程序。

2. 如何使用文档

这些文档分为 3 个部分:

  • 入门:分步教程可帮助您创建新应用程序并学习 Next.js 的核心功能。
  • 指南:有关特定用例的教程,选择与您相关的内容。
  • API 参考:每个功能的详细技术参考。

使用侧边栏浏览各部分,或搜索(Ctrl+K 或 Cmd+K)快速查找页面。

3. 应用程序路由器和页面路由器

Next.js 有两个不同的路由器:

  • App Router:较新的路由器,支持服务器组件等新的 React 功能。
  • Pages Router:原来的路由器,仍然支持并正在改进。

在侧边栏的顶部,您会注意到一个下拉菜单,可让您在 App Router 和 Pages Router 文档之间切换。

4. React 版本处理

App Router 和 Pages Router 处理 React 版本的方式不同:

  • App Router:使用内置的 React canary 版本,其中包括所有稳定的 React 19 更改,以及在新的 React 版本之前在框架中验证的新功能。
  • Pages Router:使用项目 package.json 中安装的 React 版本。

这种方法确保新的 React 功能在 App Router 中可靠地工作,同时保持现有 Pages Router 应用程序的向后兼容性。

5. 必备知识

我们的文档假设您对 Web 开发有一定的了解。在开始之前,如果您熟悉以下内容,将会有所帮助:

  • HTML
  • CSS
  • JavaScript
  • React

如果您是 React 新手或需要复习,我们建议您从 React 基础课程和 Next.js 基础课程开始,该课程让您在学习时构建应用程序。

6. 无障碍

为了在使用屏幕阅读器时获得最佳体验,我们建议使用 Firefox 和 NVDA,或 Safari 和 VoiceOver。

7. 加入我们的社区

如果您对与 Next.js 相关的任何问题有疑问,欢迎您随时在 GitHub 讨论、Discord、X (Twitter) 和 Reddit 上向我们的社区提问。