我想构建一个拖放网站构建器，该构建器允许用户插入引导程序组件来构建网页。我在后端使用node和express，而pug作为模板引擎。
因此，用户将注册该网站，并将获得一个子域名（www.tomswebsite.buildawebsite.com），该子域名将托管他们的网站。该用户网站上的内容最终将通过主网站（www.buildawebsite.com/tomsdashboard。
）上托管的用户仪表板发布。让我们说我使用react构建了拖放功能，并使用了react-bootstrap库，该库方便地已设置了bootstrap组件。我要实现的另一个主要功能是，用户可以在拖放构建过程中将预构建的小部件插入其页面中。
因此，例如，如果您是使用此网站的名人，并且想发布即将到来的旅行日期，则可以插入预先构建的用于发布旅行日期的小部件。您这样做的方法是将小部件放在您喜欢的任何页面上。然后，您可以使用信息中心添加和删除游览日期。
现在我将如何服务用户创建的输出？我会使用单独的Express应用程序在子域上提供带有bundle.js的静态html吗？那行得通吗？就像我如何将其链接到为用户提供内容的快速后端？
之所以在上面提到我要实现的功能，是因为我很难概念化它们如何组合在一起。
我已经在服务器端进行了编码，但是它所做的就是允许用户创建一个帐户并创建一个子域。创建子域后，Express路由器将接管Express静态文件夹并将其更改为用户目录，该目录具有pug模板文件。因此，当有人访问www.tomswebsite.buildawebsite.com时，它们是服务器上特定文件夹中的文件，但这些文件只是pug模板。
现在，拖放式ui生成器将编辑这些模板文件，所以我需要一种方法来将反应堆转换为pug吗？还是还有其他原因？