React SSR Server Side Rendering for SEO before login and after login Create React App CRA How to do this in one project folder

Question

Before login Website will be SEO with next js or some other way. And has few pages like blog, blog details, about, contact, and products etc.

After login Normal feature like post, post details with CRA(Create React App) setup.

My question is how do we setup the project with before login in SSR and after login. I don’t want SSR after login because there are lots of load on server for each features and functionality. Is there any solution?

Answer 1

Use SSR-for-bots middleware to apply SSR to certain routes if only you are using the express server.

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));

If you use it in this way you can separate the paths like, The path before login will be SSR and the path after login will be excluded from this.