静态 HTML 与动态 SEO 友好的 Reactjs/Nextjs 和 Firebase 上的 React Native / React Native Web？

Question

对于我对这一切的陌生感，我提前道歉。我有一个新业务，我想自己编写一些代码作为概念证明，直到我们有足够的收入来真正雇佣真正的程序员。

我们的生态系统将有 4 个主要领域，我不确定我的方法是否可行，甚至可能。

1. 正常、静态的信息网页，只讨论我们的业务。 （SEO 和加载时间很重要）
2. 同一网站的 React JS / Next JS 非静态部分，用于博客和其他动态内容。 （SEO 和加载时间很重要）
3. 用于客户跟踪和另一个客户数据跟踪的 React JS 员工后端。 （搜索引擎优化和加载时间在这里不那么重要）。
4. 客户门户网站，他们可以登录并查看有关其帐户的统计信息和资料（这将从我们在员工后端输入的数据中提取，他们可以访问以跟踪进度）（我最终也会喜欢 android/ios 应用程序作为这个门户网站，所以我想在本节中使用 react-native / react-native web 来尝试最大化代码重用。（SEO 不重要，但流畅的体验很重要）

我计划使用 firebase 来托管它。我很好奇这是否可行？您能否将所有这些不同的框架和策略组合在一个像这样的整体项目中，而不会导致下载过度膨胀等？例如，员工后端可能会有很多静态前端不需要的包和依赖项。静态前端将与动态博客在同一个项目中，但构建在不同的东西上（一个静态 HTML，另一个与 next.js 反应？这是个坏主意吗？）。此外，很难找到关于 goog react-native-web 究竟如何的信息，所以我只是迷失了这一切，并希望得到一些指导。非常感谢您提供的任何指导。

Answer 1

使用 firebase 托管，您可以托管静态网站，并将一些路径（例如 /api/* 或 /dynamic/*）重定向到 firebase 云功能。

在这些云功能上，您可以进行动态渲染，例如使用 remix.run 或 next.js。

如果您在这些云功能上使用良好的缓存头，firebase 托管会适当地缓存结果，从而使所有页面的动态呈现也可行。