如何将静态站点转换为动态站点

Question

我最近使用静态网站生成器 Gatsby.JS 构建了一个 React 网站，想知道是否有一种简单的方法可以将其转换为动态网站？我不确定什么是最好的，提取 Gatsby，部署为动态？

Answer 1

您可以继续使用 Gatsby 并仍然使站点动态化。这完全取决于 "dynamic" 的意思。

当用户访问您的站点时，Gatsby 将正常启动 React。所以如果你想获取一些数据，在用户已经登录的情况下向他们展示一些特别的东西，等等，这都是可能的。

Gatsby 需要考虑一些特殊规则。确保页面的第一个版本与 Gatsby 看到的相同。因此，您可以在 onComponentDidMount 中添加逻辑以仅在 React 加载后更改 UI。

否则，如果你想简单地完全删除 Gatsby，你可以将现有的 React 组件全部移动到一个新项目中。我建议从空白 create-react-app 项目开始，然后复制组件。所需的重构应该是最小的。