如何在AlmaLinux 9上安装下一步.js

Next.js，一个流行的 React 框架，为构建 Web 应用程序提供了一个强大的工具包。AlmaLinux 9以其安全性和可靠性而闻名，是托管Next.js项目的绝佳选择。

在 AlmaLinux 9 上安装 Next.js

第 1 步。在开始安装过程之前，请确保您的 AlmaLinux 9 系统是最新的。在终端中运行以下命令：

sudo dnf update
sudo dnf install epel-release

第 2 步。安装节点.js。

首先，运行以下命令以检查列表存储库模块中的 ”。nodejs

sudo dnf module list nodejs

接下来，运行下面的 dnf 命令以启用存储库模块 ‘nodejs’ v20。出现提示时输入“y”，然后按回车键。

sudo dnf module enable nodejs:20

现在，安装 Node.js 和 npm：

sudo dnf install nodejs

通过检查节点.js和 npm 版本来验证安装：

node -v
npm -v

第 3 步。在AlmaLinux 9上安装Next.js。

安装 Node.js 后，您可以继续安装 Next.js。以下是在AlmaLinux 9上安装Next.js的两种方法：

• 方法 1：使用 npx

运行以下命令以创建新的 Next.js 项目：

npx create-next-app my-next-app

这将在名为 my-next-app 的目录中创建一个新的 Next.js 项目。

导航到项目目录：

cd my-next-app

启动开发服务器：

npm run dev

这将启动开发服务器，您可以通过访问访问 Next.js 应用程序

http://localhost:3000 in your web browser.

• 方法 2：使用 npm

运行以下命令以安装 Next.js 包：

npm install next

为 Next.js 项目创建一个新目录：

mkdir my-next-app

导航到项目目录：

cd my-next-app

创建一个名为 index.js 的新文件：

touch index.js

在文本编辑器中打开 index.js 文件并添加以下代码：

const { createServer } = require('http')
const next = require('next')
const app = next({ dev: process.env.NODE_ENV !== 'production' })
const handle = app.getRequestHandler()

app.prepare().then(() => {
createServer((req, res) => {
handle(req, res)
}).listen(3000, (err) => {
if (err) throw err
console.log('> Ready on http://localhost:3000')
})
})

保存文件并将其返回到终端。index.js

启动开发服务器：

npm run dev

这将启动开发服务器，您可以通过访问访问 Next.js 应用程序

http://localhost:3000 in your web browser.

感谢您使用本教程在您的 AlmaLinux 9 系统上安装 Next.js。有关其他帮助或有用信息，我们建议您查看 Next.js官方网站。