2025 Next.js项目提前编译并在服务器-CSDN博客

要让一个Next.js项目提前编译并在服务器上运行，可以按照以下步骤操作：

1. 本地构建项目

首先在开发环境中完成构建：

# 安装依赖
pnpm install

# 生产环境构建（生成优化版本）
npm run build

这会生成：

.next/ 目录（包含编译后的应用）
public/ 目录（静态资源）
node_modules/（生产依赖）

2. 准备部署文件

需要上传到服务器的文件：

.next/
public/
package.json
package-lock.json
.env # 如果有.env环境
node_modules/ # 或者在服务器上重新安装

在这里插入图片描述

3. 服务器环境准备

在目标服务器上安装node ：

# 安装Node.js（建议使用nvm管理版本）
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.5/install.sh | bash
nvm install --lts

# 安装PM2进程管理
npm install -g pm2

4. 部署到服务器

将构建好的文件上传到服务器（可通过scp/rsync/git等），然后：

# 安装生产依赖（如果没上传node_modules）
pnpm install

# 启动服务（两种方式任选）
# 方式1：直接运行
npx next start -p 3000

# 方式2：使用PM2守护进程（推荐）
pm2 start "npx next start -p 3000" --name my-next-app
或者
pm2 start npm --name fd3 -- run start  # 然后端口在package.json那边指定

5. 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;
    }
}