Javascript 是否有针对动态应用程序的一体化构建系统？

构建像next.js、razzle和backpack这样的系统似乎非常有用，但根据我找到的示例和它们生成的默认应用程序，它们似乎适合服务器端渲染。是否有类似的构建系统可以（或者这里提到的那些）用于构建带有node.js后端的动态react应用程序

我希望找到一个我可以开箱即用的，可以观看后端和前端代码，并在对它们进行更改时刷新。我知道我可以找到一个Web包或gulp脚本来开始并自定义它，但我喜欢上面的工具，它只是一个命令

编辑

---

我需要将我的前端部署到Google云存储，所以我根本不需要任何服务器端渲染。

如果你不需要服务器端渲染，你可以使用你可以导出你的next.js应用程序，只要你只使用export支持的功能

从文件中：

这是一种将Next.js应用程序作为独立静态应用程序运行的方法，无需任何Node.js服务器。导出应用程序支持Next.js的几乎所有功能，包括动态URL、预取、预加载和动态导入

只需像通常使用Next.js一样开发应用程序。然后创建一个自定义的Next.js配置，如下所示：

在这种情况下，您可以指定需要导出为静态HTML的页面

然后只需运行以下命令： 下一个版本 下次出口

关于限制：

限度 使用next export，当您运行命令next export时，我们将构建应用程序的HTML版本。在此期间，我们将运行页面的getInitialProps函数

因此，您只能使用传递给getInitialProps的上下文对象的路径名、查询和asPath字段。不能使用req或res字段

基本上，当我们预构建HTML文件时，您将无法动态呈现HTML内容。如果您需要，您需要在下次启动时运行应用程序

---

next.js

npm运行dev

不就是这么做的吗？创建一个示例next.js应用程序并阅读教程，我的理解是UI是在服务器端呈现的。我想要一个浏览器应用程序，它在构建时编译成一个just文件（标准SPA）。如果你能指出任何一个使用next.js的例子，这将非常有用。它是初始页面加载时的渲染器服务器端，然后是经典的SPA。

// next.config.js
module.exports = {
  exportPathMap: function() {
    return {
      '/': { page: '/' },
      '/about': { page: '/about' },
      '/readme.md': { page: '/readme' },
      '/p/hello-nextjs': { page: '/post', query: { title: 'hello-nextjs' } },
      '/p/learn-nextjs': { page: '/post', query: { title: 'learn-nextjs' } },
      '/p/deploy-nextjs': { page: '/post', query: { title: 'deploy-nextjs' } }
    }
  }
}