react nextjs 项目部署

前端习惯开发 window 系统

1.开发完执行 npm run build

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

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

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

5 copy .next 下的standalone 到服务器

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

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

7 构建镜像

docker build -t my-nextjs-app .

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

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