React SSR(服务器端渲染)用于登录前和登录后用于 SEO 创建 React 应用程序 (CRA).如何在一个项

Question

我有一个问题，假设登录前和登录后有两种情况：

在登录之前，网站将使用下一个js或其他方式进行SEO。并且很少有页面，如博客，博客详细信息，关于，联系人和产品等。

登录后正常功能，如帖子，使用 CRA(创建反应应用程序(设置发布详细信息。

我的问题是我们如何在登录 SSR 之前和登录后设置项目。我不希望在登录后使用 SSR，因为每个特性和功能在服务器上都有很多负载。 有什么解决办法吗？

我很少有关于同构的文章，比如 https://hackernoon.com/get-an-isomorphic-web-app-up-and-running-in-5-minutes-72da028c15dd

初学者工具包项目示例：https://github.com/xiaoyunyang/isomorphic-router-demo

我们可以在一个项目设置中创建 SSR 和创建反应应用程序吗？

Answer 1

如果您使用的是快速服务器，则可以使用 ssr-for-bots 中间件将 ssr 仅应用于某些路由。

const ssrForBots = require("ssr-for-bots");
const defaultOptions = {
prerender: [], // Array containing the user-agents that will trigger the ssr service | uses Regex
exclude: ["/routesAfterLogin/"], // Array containing paths and/or extentions that will be excluded from being prerendered by the ssr service | uses Regex
useCache: true, // Variable that determins if we will use page caching or not
cacheRefreshRate: 86400, // Seconds of which the cache will be kept alive, pass 0 or negative value for infinite lifespan default 24 hours
};
app.use(ssrForBots(defaultOptions)); 

这样，登录前的路径将是 SSR，登录后的路径(假设它们都以/app 开头(将被排除

Answer 2

是的，我们可以，有一些关于该主题的文章：

将创建-反应-应用程序项目升级到 SSR + 代码拆分设置

服务器端渲染，包括create-react-app、代码拆分、预加载数据、React Router、Helmet、Redux 和 Thunk