宝塔面板 – 从零开始部署Next.js项目
1 宝塔面板部署Next.js项目
本文详细记录如何使用宝塔面板部署NextJS项目。
1.1 上传Next.js项目代码
将需要部署的NextJS项目代码上传到服务器中，在/www/wwwroot/目录下新建一个目录用于存放你的NextJS项目代码，这里需要注意的是.next和node_modules不要上传。
1.2 宝塔面板安装NodeJS
宝塔面板切换到 网站 - Node项目 - Node版本管理器，如下图所示
在Node版本管理器中安装NextJS所对应的NodeJS版本。
1.3 部署Next.js项目
宝塔面板切换到 网站 - Node项目，点击添加Node项目，
由于 next 项目需要先build然后再start，我们需要将这两个命令进行合并，取名production，修改nextjs项目的package.json，增加production定义，示例改动如下：
"scripts": {
"dev": "next dev",
"build": "next build",
"start": "next start",
"lint": "next lint",
"production": "next build && next start -p 19996"
}
增加的就是production这一行，指定项目端口为19996，修改完成之后保存。然后在添加Node项目中会自动识别我们所设置的production启动选项，如下图所示。
然后设置项目真实端口，点击确定，如果nodejs版本正确并且项目代码没有问题，则会在指定端口启动nextjs项目，确认之后会在NodeJS项目显示启动的项目，如下图所示
然后点击项目右侧的设置界面，设置该项目的域名
然后开启项目的外网映射
然后在设置的SSL设置项目的https证书，开启https。
之后在你的域名服务商将设置的域名设置到该服务器IP即可通过域名方位该nextjs web。
参考链接
欢迎扫码关注我的微信公众号，及时获取文章更新
本文作者：StubbornHuang
版权声明：本文为站长原创文章，如果转载请注明原文链接！
原文标题：宝塔面板 – 从零开始部署Next.js项目
原文链接：https://www.stubbornhuang.com/3117/
发布于：2024年12月19日 0:55:39
修改于：2025年09月10日 13:56:11
声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。
评论
72