介绍

欢迎使用Next.js文档

什么是 Next.js?

Next.js 是一个用于构建全栈 Web 应用程序的 React 框架。 使用 React Components 来构建用户界面，并且Next.js还有其他附加功能和优化

在底层，Next.js 还抽象并自动配置了 React 所需的工具，比如打包、编译等。这允许你专注于构建你的应用程序，而不是花费时间在配置上。

无论你是个人开发者还是较大团队的一部分，Next.js 都可以帮助您构建交互式、动态化且快速的 React 应用程序。

主要功能

Next.js 的一些主要功能包括：

功能	描述
路由	基于文件系统的路由器构建在服务器组件之上，支持布局、嵌套路由、加载状态、错误处理等。
渲染	使用客户端和服务器组件进行客户端和服务器端渲染。使用 Next.js 在服务器上进一步优化静态和动态渲染。在 Edge 和 Node.js 运行时上进行流式传输。
数据获取	通过服务器组件中的 async/await 简化数据获取，以及用于请求记忆、数据缓存和重新验证的扩展获取 API。
样式	支持您喜欢的样式方法，包括 CSS 模块、Tailwind CSS 和 CSS-in-JS
优化	图像、字体和脚本优化，以改善应用程序的核心网页脉络和用户体验。
TypeScript	改进了对 TypeScript 的支持，提供更好的类型检查和更高效的编译，以及自定义 TypeScript 插件和类型检查器。

如何使用这些文档

在屏幕左侧，您将找到文档导航栏。文档的页面按从基础到高级的顺序组织，因此您可以在构建应用程序时逐步遵循它们。但是，您可以按任何顺序阅读它们或跳至适用于您的用例的页面。

在屏幕右侧，您将看到一个目录，可以更轻松地在页面的各个部分之间导航。如果您需要快速查找页面，可以使用顶部的搜索栏或搜索快捷键（Ctrl+K 或 Cmd+K）。

首先，请查看安装指南。

App Router vs Pages Router

Next.js 有两个不同的路由器：App Router 和 Pages Router。 App Router 是一个较新的路由器，允许您使用 React 的最新功能，例如服务器组件和流媒体。 Pages Router 是原始的 Next.js 路由器，它允许您构建服务器渲染的 React 应用程序，并继续支持旧版 Next.js 应用程序。

在侧边栏的顶部，您会注意到一个下拉菜单，可让您在应用程序路由器和页面路由器功能之间切换。由于每个目录都有独特的功能，因此跟踪选择的选项卡非常重要。

页面顶部的面包屑还将指示您正在查看 App Router 文档还是 Pages Router 文档。

必备知识

尽管我们的文档旨在适合初学者，但我们需要建立一个基线，以便文档能够专注于 Next.js 功能。每当我们引入新概念时，我们都会确保提供相关文档的链接。

为了充分利用我们的文档，建议您对 HTML、CSS 和 React 有基本的了解。如果您需要温习 React 技能，请查看我们的 React 基础课程，该课程将向您介绍基础知识。然后，通过构建仪表板应用程序了解有关 Next.js 的更多信息。

无障碍

为了在使用屏幕阅读器阅读文档时获得最佳辅助功能，我们建议使用 Firefox 和 NVDA，或 Safari 和 VoiceOver。

加入我们的社区

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