How to deliver SSR version of SPA (React) only to search robots

user_9501201 0
Viewed 967

We are finishing website on React but for SEO purposes we need to identify useragent and "deliver" for search engine crawlers a static version (SSR) of website, and normal SPA to other useragents. I found that with next.js we can make SSR but it seems website will be SSR for all useragents in this case.

So the issue is how to identify useragent and deliver version of website (SPA/CSR or SSR) depending on useragent type.

I know that there are a way if setup Nginx in front of React server to route (kinda proxy) requests. But I'm interested in React only solution

single-page-application server-side-rendering reactjs seo user-agent
1 Answers

I think you are talking about robots.txt file. You may add this file inside static folder and define in server.js

const options = {
              root: path.join(__dirname + '/../static/'),
              headers: {
                'Content-Type': 'text/plain;charset=UTF-8',
              }
            };

            server.get('/robots.txt', (req, res) => (
              res.status(200).sendFile('robots.txt', options)
            ));
user_30484830
Related