新的 App 路由课程：您目前正在查看 Pages 路由课程。 在此处查看新的 App 路由课程。

要从零开始使用 React 构建完整的 Web 应用程序，您需要考虑许多重要的细节

• 代码必须使用像 webpack 这样的打包器进行打包，并使用像 Babel 这样的编译器进行转换。
• 您需要进行生产优化，例如代码分割。
• 您可能希望静态预渲染某些页面以提高性能和 SEO。您可能还想使用服务器端渲染或客户端渲染。
• 您可能必须编写一些服务器端代码，以将您的 React 应用程序连接到您的数据存储。

框架可以解决这些问题。但是这样的框架必须具有适当的抽象级别——否则它不会非常有用。它还需要具有出色的“开发者体验”，确保您和您的团队在编写代码时拥有惊人的体验。

Next.js：React 框架

隆重介绍 Next.js，这个 React 框架。 Next.js 提供了以上所有问题的解决方案。 更重要的是，它使你和你的团队在构建 React 应用时，轻松踏入成功之路。

Next.js 旨在提供一流的开发者体验和许多内置功能，例如

• 直观的基于页面的路由系统（支持动态路由）
• 预渲染，静态生成 (SSG) 和 服务器端渲染 (SSR) 在每个页面上都受支持
• 自动代码分割以加快页面加载速度
• 客户端路由，具有优化的预取功能
• 内置 CSS 和 Sass 支持，并支持任何 CSS-in-JS 库
• 具有 快速刷新 支持的开发环境
• API 路由，用于使用 Serverless Functions 构建 API 终结点
• 完全可扩展

Next.js 被用于成千上万个面向生产环境的网站和 Web 应用程序，包括许多世界上最大的品牌。

关于本教程

这个免费的互动课程将指导您如何开始使用 Next.js。

在本教程中，您将通过创建一个非常简单的 博客应用 来学习 Next.js 基础知识。这是一个最终结果的示例

https://next-learn-starter.vercel.app（源码）

本教程假设您具备 JavaScript 和 React 的基本知识。如果您从未编写过 React 代码，您应该首先学习官方 React 教程。

如果您正在寻找文档，请访问 Next.js 文档。

参与讨论

如果您对与 Next.js 或本课程相关的任何内容有疑问，欢迎在 Discord 上向我们的社区提问。

让我们开始吧！