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 上向我们的社区提问。