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

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

Nextjs-logo

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.

nextjs-framework

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

未经允许不得转载:表盘吧 » 如何在AlmaLinux 9上安装下一步.js