NextJS is the framework for building production React apps. Its main selling point is its ability to pre-render pages. If you do a “View page source” on a React app built with create-react-app (CRA), you will see an almost empty body. There will only be a div element into which JavaScript renders all content on the client-side. This is great for building admin pages or internal apps but not so great for building content websites that the search engines crawl.…
Tag: SSR
Server side rendering (SSR) is a technique for rendering HTML with meta tags and data when the page first loads. For React apps, the HTML is usually an empty div tag. The browser downloads the JavaScript bundle and populates the div tag with HTML. Google, the most popular search engine, crawls the content after running JavaScript. So, we may think that this is not a problem.…