react nextjs 项目部署

接着奏乐接着舞2025-10-28 14:50

前端习惯开发 window 系统

1.开发完执行 npm run build

2.之后生成打包文件.next

3.服务器上下载images 和开发环境node 对应版本

进入.next文件，在standalone同级有static文件夹需要拷贝static到standalone/.next文件夹下，拷贝外层最外层public文件夹到standalone下

5 copy .next 下的standalone 到服务器

6.服务器上编写dockerfile文件（在standalone同级）

bash 复制代码

FROM node:20.19.4
WORKDIR /usr/src/app
COPY . .
WORKDIR /usr/src/app  
EXPOSE 3000
CMD ["node", "standalone/server.js"]

7 构建镜像

bash 复制代码

docker build -t my-nextjs-app .

8 运行项目确保3000 端口没有被占用

bash 复制代码

 docker run -d -p 3000:3000 --name my-nextjs-container my-nextjs-app