阿里云通过宝塔面板部署Next.js项目

853 阅读1分钟

1.首先购买阿里云服务器拿到公网ip跟密码

image.png 2.在服务器安全组手动开启端口8888(宝塔面板端口)跟8989(项目部署端口)

image.png 3.访问宝塔面板通过在线安装,给服务器安装宝塔面板,输入服务器公网ip跟密码即可 www.bt.cn/new/index.h…

image.png 4.安装完之后在安全组中开放8989端口

image.png 5.在网站页面添加站点,输入123即可

image.png 6.在软件商店下载pm2管理器,并且切换版本为高版本,这里是20.9.0

image.png image.png 7.本地创建next.js项目

yarn create next-app --typescript

cd app-name(自己设置) 之后打开创建的123站点文件夹,把项目文件放进去(app-name内的文件)

image.png 8.打开终端,首先node -v 查看node版本,这里应该是20.9.0 之后 npm config set registry registry.npmjs.org/ npm install yarn -g 安装好yarn yarn install 下载好node-modules npm run build npm run dev 此时发现项目可以启动

image.png

全局安装pm2 npm i pm2 -g lsof -i:8989 9.之后在pm2管理器添加项目,添加后修改端口为3000

image.png

image.png 10.之后在/www/server/panel/vhost/nginx/proxy/123/*.conf 配置

location ~ / { proxy_pass http://127.0.0.1:3000; }

就发现项目启动在http:服务器ip:8989启动啦

image.png