如何在本地主机 (NextJS) 上运行 Web 应用程序的 nrwl/nx 生产版本

Question

有没有办法在本地主机上运行 nrwl/nx next.js 构建的应用程序进行生产？

我尝试在下一个应用程序的文件夹中使用npm i -g serveand after ，但该应用程序显示没有样式和导航。serve -s

似乎只有index.html 存在。

我是否必须使用 Vercel 进行部署，或者是否有办法在本地主机上测试捆绑应用程序的性能？

Answer 1

为此，您需要一个自定义服务器。在项目的根目录中创建一个server.js文件。它应该看起来像这样：

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

const PORT = parseInt(process.env.PORT, 10) || 3364;
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) => handle(req, res));

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

然后确保您的package.json具有以下脚本：

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

然后您只需使用 构建应用程序npm run build，然后使用 启动应用程序npm run start。

next build 在 .next 文件夹中构建生产应用程序。构建完成后，next start 将启动一个支持混合页面的 Node.js 服务器，为静态生成的页面和服务器端渲染的页面提供服务。

在这里阅读更多相关信息。

更新：添加了正确的启动脚本。