创建 Next.js 应用程序

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

  • 必须使用打包程序(例如 webpack)打包代码,并使用 Babel 等编译器进行代码转换。
  • 你需要针对生产环境进行优化,例如代码拆分。
  • 你可能需要对一些页面进行预先渲染以提高页面性能和 SEO。你可能还希望使用服务器端渲染或客户端渲染。
  • 你可能必须编写一些服务器端代码才能将 React 应用程序连接到数据存储。

一个框架可以解决这些问题。但是,这样的框架必须具有正确的抽象级别 - 不然它就不好用。它还需要具有出色的“开发人员经验”,以确保你和你的团队在编写代码时拥有出色的经验。

Next.js: React 框架

尝试使用 React 框架 Next.js。Next.js 为上述所有问题提供了解决方案。但更重要的是,它能确保你和你的团队成功地构建 React 应用程序。

Next.js 具有同类框架中最佳的“开发人员体验”和许多内置功能。列举其中一些如下:

Next.js 被用于数以万计的的网站和 Web 应用程序,其中包括许多世界上最大的品牌。

关于本教程

这个免费的交互式课程将指导你完成 Next.js 入门的学习。

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

https://next-learn-starter.now.sh (source)

让我们开始吧!

本教程假定你具有 JavaScript 和 React 的基础知识。如果你从未编写过 React 代码,则应首先阅读官方的 React 教程 first.

如果你正在寻找文档,请访问Next.js文档