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

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

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

Next.js: React 框架

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

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

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

关于本教程

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

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

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

让我们开始吧!

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

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