【容器化】如何用宝塔 Linux 部署 Nest.js + Next.js 项目

  • 前端: Next.js
  • 后端: NestJS
  • 数据库: MongoDB

在阿里云上面买了个【轻量应用服务器】,镜像选的【宝塔 Linux】 面板

【轻量应用服务器】 VS 【云服务器 ECS】

【配置信息】 选了个低配版的

接着可以去控制台面板

第一次登录面板需要用户名和密码

之后可以进去【宝塔 Liunx】 面板部署项目了

前端是 Next.js 项目, 后端是 Nest.js, 所以部署的时候都需要选择 Node 项目

1、在软件应用商店安装 Liux、Node、Nginx、MongoDB, 本项目差不多用的应用是这些

2、安装 git 和 pnpm

复制代码
sudo yum install git 

npm install pnpm -g

注: yum 和 brew 的作用一样

3、 进入终端,跑到项目更目录下(/www/wwwroot),git clone + 项目地址

4、 部署后端 Nest.js

  • 在文件下面,将环境变量 .env 文件上传到 项目根目录下面
  • cd 到项目根目录下面,运行 pnpm build
  • 连接 MonogoDB,我用的是远程数据库连接
  • 新建网站,添加 Node 项目,配置如下

5、 部署前端 Next.js

Next.js 是个全栈框架,但我只用它做了 SSR ,连接数据库那些操作放在了后端 Nest.js。所以新建网站的时候,必须得选 Node 项目

具体配置如下

这样通过服务地址+端口就可以访问饿了

6、 配置反向代理

将 80 -> 3000( 前端访问端口)

7、 注意事项

  • 如果碰到端口不能访问,需要在服务器的防火墙打开端口限制
相关推荐
Dwzun12 分钟前
基于SpringBoot3+Vue3的油莎豆种植管理系统
java·前端·vue.js·spring boot·后端·python·计算机网络
小码哥_常6 小时前
一套自己部署的 IM,客户端是同一份 Flutter
前端·后端
蜗牛攻城狮8 小时前
微前端四大方案选型对比与最佳实践:qiankun、micro-app、wujie、Module Federation
前端·微前端·qiankun·前端架构·micro-app·wujie
她说可以呀10 小时前
Vue插槽
前端·javascript·vue.js
qq_4480111610 小时前
Vue + Jinja2两套模版与法冲突造成undefinedError
前端·javascript·vue.js
aixingpan10 小时前
aixingpan.cn API开发文档:前端查询夏令时和时区接口指南
前端·php
2601_9583529011 小时前
23.5×19mm 换掉一整条音频链?|A-68 集成了什么:ADC / DAC / 24.576MHz 时钟 / AEC / 波束降噪,主控仅需 6 根线
前端·音视频·ai降噪·回声消除·语音模块
志尊宝11 小时前
AI原生前端开发(039):AI辅助的Nuxt 4全栈开发
前端·vue.js·ai-native
FRing0312 小时前
JavaScript入门到精通三十二(深拷贝、浅拷贝、递归函数)
开发语言·前端·javascript
excel12 小时前
双 Token 与前端使用 Crypto 公私钥鉴权换 Token,哪种方案更好?
前端·后端