如何将静态网站转换为动态网站答案

【问题标题】：How to convert static site to dynamic site如何将静态网站转换为动态网站
【发布时间】：2023-03-07 14:59:01
【问题描述】：

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

【问题讨论】：

【解决方案1】：

您可以继续使用 Gatsby 并且仍然使网站动态化。这取决于您所说的“动态”究竟是什么意思。

当用户访问您的网站时，Gatsby 将正常启动 React。因此，如果您想获取一些数据，如果用户已经登录，则向他们展示一些特别的东西等等，这一切都是可能的。

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

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

【讨论】：

感谢您的帮助。我应该做些什么来处理我用于原始 Gatsby 应用程序的插件？只需将它们与我的新 react 应用一起安装即可？
这真的取决于。一些插件（如图像处理或源插件）将是高度 Gatsby 特定的，并且不会真正适用于“通用”反应应用程序。像 Helmet 这样的插件可以替换为它们的正常反应版本。