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官方网站。
原创文章,作者:校长,如若转载,请注明出处:https://www.yundongfang.com/Yun260878.html