Next.js学习系列：创建Next.js应用

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

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

_框架_可以解决这些问题。但是这样的框架必须具有正确的抽象级别 - 否则它不会非常有用。它还需要具有出色的"开发人员体验"，确保您和您的团队在编写代码时获得出色的体验。

Next.js： React 框架

输入 Next.js，React Framework。接下来.js为上述所有问题提供了解决方案。但更重要的是，它使您和您的团队在构建 React 应用程序时陷入了成功的深渊。

接下来.js旨在拥有一流的开发人员体验和许多内置功能，例如：

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

接下来.js用于数以万计的面向生产的网站和Web应用程序，其中包括许多世界上最大的品牌。

关于本教程

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

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

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

让我们开始吧！

本教程假定您具备 JavaScript 和 React 的基本知识。如果你从未写过 React 代码，你应该先阅读官方的 React 教程。

如果您要查找文档，请访问 Next.js 文档。