Next.js是一个著名的框架反应它可以帮助您创建快速、现代的网站,该网站易于使用并且具有强大的功能,例如服务器端渲染、创建静态页面和构建 API。
如果您想开始Next.js项目在你的,本指南将逐步引导您完成该过程。
先决条件
在开始设置之前Next.js项目中,您需要在 Linux 系统上安装一些东西,其中包括:
Node.js:Next.js是建立在Node.js,所以你需要有Node.js安装。npm:新项目管理(节点包管理器) 用于管理项目的包和依赖项。
让我们来看看两者的安装过程Node.js和npm。
步骤1 1:在Linux中安装Node.js和NPM
在安装任何新软件之前,最好更新您的软件包列表,以确保您安装的是存储库中可用的最新版本的软件。
sudo apt update
接下来,您可以安装Node.js(还安装npm),最好安装的版本Node.js被标记为长期运输服务(长期支持),因为它是最稳定且使用最广泛的版本。
sudo apt install nodejs
安装完成后,验证一下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是您的项目文件夹的名称。您可以将其替换为您喜欢的任何名称。这恩克斯命令将下载并运行create-next-app包,它会建立一个新的Next.js为您项目。

命令完成运行后,您将有一个名为的新文件夹my-next-app基本结构为Next.js应用。
第 3 步:运行您的 Next.js 项目
创建项目后,进入项目文件夹并启动开发服务器:
cd my-next-app npm run dev
该命令将启动Next.js开发服务器。默认情况下,服务器将运行在https://localhost:3000。

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

您可以开始在中创建新页面app文件夹。例如,创建一个新文件about.js里面的app目录来创建“关于”页面。
结论
您已成功设置新的Next.js 项目在你的乌班图机器!现在,您可以通过添加新页面、组件和功能来开始构建 Web 应用程序。
Next.js可以轻松构建现代 Web 应用程序,并且在本指南的帮助下,您已经了解了如何安装和设置Next.js项目。
