静态 HTML 动态 SEO 友好 Reactjs/Nextjs 和 React Native / React Native Web on firebase?

Static HTML with dynamic SEO friendly Reactjs/Nextjs and React Native / React Native Web on firebase?

对于我对这一切的陌生,我提前表示歉意。我有一项新业务,我想自己为它编写一些代码作为概念证明,直到我们有足够的收入来实际雇用真正的编码员。

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

  1. 只是谈论我们业务的普通静态信息网页。 (SEO 和加载时间很重要)
  2. 用于博客和其他动态内容的同一网站的 React JS / Next JS 非静态部分。 (SEO 和加载时间很重要)
  3. 用于客户跟踪和客户数据跟踪的 React JS 员工后端。 (SEO 和加载时间在这里不那么重要)。
  4. 一个客户门户网站,他们可以在其中登录并查看有关其帐户的统计信息和其他信息(这将从我们在员工后端输入的数据中提取,他们可以访问以跟踪进度)(我最终希望 android/ios apps 以及 web portal,所以我考虑在这一部分使用 react-native / react-native web 来尝试最大化代码重用。(SEO 不重要,但流畅的体验很重要)

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

使用 firebase 托管,您可以托管静态站点,并将某些路径(例如 /api/* 或 /dynamic/* 重定向到 firebase 云函数。

在这些云函数上,您可以进行动态渲染,例如remix.run 或 next.js.

如果您在这些云功能上使用良好 cache-headers,firebase 托管会适当地缓存结果,使所有页面的动态呈现也变得可行。