如何在 Ubuntu 中设置 Next.js 项目

Next.js 是一个著名的 React 框架，可帮助您创建快速且现代的网站，该网站易于使用并具有强大的功能，例如服务器端渲染、创建静态页面和构建 API。

如果您希望在基于 Ubuntu 的系统上启动 Next.js 项目，本指南将逐步引导您完成该过程。

在开始设置 Next.js 项目之前，您需要在 Linux 系统上安装一些东西，其中包括：

让我们回顾一下 Node.js 和 npm 的安装过程。

步骤1 1：在Linux中安装Node.js和NPM

在安装任何新软件之前，最好更新您的软件包列表，以确保您安装的是存储库中可用的最新版本的软件。

sudo apt update

接下来，您可以安装Node.js（同时安装npm），最好安装标记为的Node.js版本LTS（长期支持），因为它是最稳定且使用最广泛的版本。

sudo apt install nodejs

安装完成后，通过检查 Node.js 版本来验证 Node.js 是否安装正确：

node -v
npm -v

现在您的系统上已经安装了 Node.js 和 npm。

现在您已经安装了 Node.js 和 npm，是时候创建一个新的 Next.js 项目了。安装 Next.js 最简单的方法是使用 create-next-app，这是 Next.js 团队提供的官方软件包。

sudo npm install -g create-next-app

现在 create-next-app 已安装，您可以创建一个新的 Next.js 项目。

npx create-next-app@latest my-next-app

这里，my-next-app 是您的项目文件夹的名称。您可以将其替换为您喜欢的任何名称。 npx 命令将下载并运行 create-next-app 包，并为您设置一个新的 Next.js 项目。

命令运行完成后，您将拥有一个名为 my-next-app 的新文件夹，其中包含 Next.js 应用程序的基本结构。

创建项目后，进入项目文件夹并启动开发服务器：

cd my-next-app
npm run dev

此命令将启动 Next.js 开发服务器。默认情况下，服务器将在 http://localhost:3000 上运行。

打开浏览器并转到该 URL，您应该会看到默认的 Next.js 欢迎页面。

您可以开始在 app 文件夹中创建新页面。例如，在 app 目录中创建一个新文件 about.js 以创建“关于”页面。

您已在 Ubuntu 计算机上成功设置了一个新的 Next.js 项目！现在，您可以通过添加新页面、组件和功能来开始构建 Web 应用程序。

Next.js 可以轻松构建现代 Web 应用程序，在本指南的帮助下，您已经了解了如何安装和设置 Next.js 项目。