如何在VPS或Heroku上部署带有自定义后端（express）的next.js应用？

首先，需要创建一个next.js应用，并添加一个express 服务器。
在next.js应用的根目录中新建一个名为“server.js”的文件，并在其中添加如下代码：

const express = require('express');
const next = require('next');

const dev = process.env.NODE_ENV !== 'production';
const app = next({ dev });
const handle = app.getRequestHandler();

app.prepare().then(() => {
  const server = express();

  server.get('*', (req, res) => {
    return handle(req, res);
  });

  server.listen(3000, (err) => {
    if (err) throw err;
    console.log('> Ready on http://localhost:3000');
  });
});

然后，在package.json文件中，添加以下“start”脚本：

"scripts": {
  "dev": "node server.js",
  "build": "next build",
  "start": "NODE_ENV=production node server.js"
}

接下来，创建一个Heroku账户，并安装Heroku CLI工具。
使用Heroku CLI工具登录，并在命令行中创建一个Heroku应用程序：

heroku login
heroku create

在将本地代码推送到Heroku之前，需要在项目根目录中创建一个名为“Procfile”的文件，并添加如下代码：

web: npm start

现在，可以将代码推送到Heroku：

git add .
git commit -m "Initial commit"
git push heroku master

如果部署成功，则可以通过Heroku应用程序的URL访问您的应用程序。
如果你使用的是VPS，可以使用pm2或者forever将node应用部署在VPS上。具体内容可以参考相关文档。

通过以上步骤，您就可以将带有自定义后端的next.js应用程序部署到Her

本文内容通过AI工具匹配关键字智能整合而成，仅供参考，火山引擎不对内容的真实、准确或完整作任何形式的承诺。如有任何问题或意见，您可以通过联系service@volcengine.com进行反馈，火山引擎收到您的反馈后将及时答复和处理。

展开更多

开发者特惠

面向开发者的云福利中心，ECS 60元/年，域名1元起，助力开发者快速在云上构建可靠应用

ECS首年60元

社区干货

企业通过在各个地理位置部署边缘计算节点,实现数据的近场处理和响应速度的提升。这种边缘计算模式极大地加快了数据传输和处理的效率。然而,随着边缘云行业的不断发展,业务架构也在不断演进,如何在边缘场景下构建高... 保障应用安全操作硬件- 容器运行时:通过将组件进行容器化,实现了组件的标准部署和资源隔离的能力- 资源调度:复用Kubernetes 的调度机制,实现了对不同资源的统一调度- 服务编排:通过对 Kubernetes 进行扩展...

特惠活动

域名注册服务

cn/top/com等热门域名，首年低至1元，邮箱建站必选

￥1.00/首年起32.00/首年起

立即购买

DCDN国内流量包100G

同时抵扣CDN与DCDN两种流量消耗，加速分发更实惠

￥2.00/年20.00/年

立即购买

如何在VPS或Heroku上部署带有自定义后端（express）的next.js应用？ -优选内容

全面揭秘!火山引擎边缘 IaaS 混合部署架构实践