Next.js 项目部署 | Jansora Galaxy Space

要部署一个 Next.js 项目，你可以选择多种托管平台。在这个例子中，我们将使用 Vercel，这是 Next.js 团队推荐的官方平台。当然，你也可以选择其他托管平台，例如 Netlify、Heroku 或自己的服务器。

如果你希望在自己的服务器上部署 Next.js 项目，可以按照以下步骤操作：

安装 Node.js

首先，确保你的服务器已安装 Node.js。Next.js 需要 Node.js 运行环境。你可以在官方网站上找到适合你操作系统的安装说明：https://nodejs.org/en/download/
上传项目

使用 SCP、SFTP 或者 Git 将 Next.js 项目上传到服务器的一个目录中。确保包含了所有的源代码和依赖文件（package.json 和 yarn.lock 或 package-lock.json）。
安装依赖
```
yarn
```
构建项目
```
yarn build
```
启动项目

使用以下命令启动项目：
```
yarn start
```
默认情况下，Next.js 会在端口 3000 上运行。如果需要修改端口，请在启动命令后面添加 --port 参数，例如：
```
yarn start --port 8080
```
设置反向代理（可选）

如果你已经在服务器上运行了一个 Web 服务器（如 Nginx 或 Apache），你可能需要设置一个反向代理，将用户的请求从 Web 服务器代理到 Next.js 应用上。以下是一个 Nginx 示例配置：
```
server {
    listen 80;
    server_name yourdomain.com;

    location / {
        proxy_pass http://localhost:3000;
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection 'upgrade';
        proxy_set_header Host $host;
        proxy_cache_bypass $http_upgrade;
    }
}
```
将 yourdomain.com 替换为你的实际域名，并根据需要修改其他配置。

现在，你的 Next.js 项目应该已经在你的服务器上运行了。请注意，你可能需要配置防火墙规

部署到 systemd

systemd 是一个 Linux 系统和服务管理器，用于控制和管理系统启动过程。如果你想在 systemd 中指定一个目录，你可以在相应的服务单元文件中设置。这通常是在 /etc/systemd/system/ 目录下，或者在 /lib/systemd/system/ 目录下。

要指定目录，你需要编辑对应的服务单元文件，通常以 .service 结尾。下面是一个简单的示例，展示了如何在 systemd 服务单元文件中指定一个目录。

/etc/systemd/system/nextjs.service

[Unit]
Description=nextjs
Documentation=nextjs
After=network-online.target
Wants=network-online.target

[Service]
WorkingDirectory=/workspace/
Environment="PORT=30001"
EnvironmentFile=-/etc/default/%p
ExecStart=/usr/local/bin/next start
ExecStop=/bin/kill -HUP $MAINPID

KillSignal=SIGINT

[Install]
WantedBy=multi-user.target

要使更改生效，请运行以下命令重新加载 systemd 配置：

sudo systemctl daemon-reload

然后，根据需要启动、停止或重启你的服务：

sudo systemctl start nextjs.service
sudo systemctl stop nextjs.service
sudo systemctl restart nextjs.service

记得将 nextjs.service 替换为你的服务单元文件的名称。

部署到 vercel

https://vercel.com/

Next.js 项目部署预计阅读时间 3 分钟

评论栏