<h3>What is SSR?</h3><p>SSR or Server Side Rendering is a method where a website is prepared on the server with all the necessary data before being sent to the client. </p><p>In simple terms, this means that the client or the user requesting the website can view the website in its completed form the moment it loads.</p><h3>Why SSR?</h3><p>SSR is generally used for javascript libraries such as <a target="_blank" rel="noopener noreferrer nofollow" href="https://reactjs.org/">React.js</a> where the data that is displayed to a user is fetched from the clientside. Although in most cases this wouldn't pose a problem, it becomes an issue when dealing with SEO performance. uses</p><h3>Next.JS:</h3><p><a target="_blank" rel="noopener noreferrer nofollow" href="https://baalish.com">baalish.com</a> uses <a target="_blank" rel="noopener noreferrer nofollow" href="https://nextjs.org/">Next.JS</a> for the Server Side Rendering part. Next.JS is a popular framework which can turn a normal React web application into a Server Side Rendered one.</p><h3>The benefits of using SSR:</h3><p>This is beneficial for SEO since Search Engines like Google, Bing has crawlers that will look at the metadata for a specific page. When using normal React code, these metadata will obviously not be loaded until a few seconds after the page is first loaded into the browser. Thus, much of the necessary data for SEO is lost.</p><p>Another plus point of SSR is the fast user interactivity. Since the data will be sent together with the page, the data can instantly be shown to the user after the initial page load. This creates a better user experience.</p><p>There are alternatives to Next.JS such as Gatsby which primarily focused on Static Site Generation (SSG) but recently has introduced SSR as well.</p><p></p><p>SSR makes sure the blog posts published on baalish will always be ranked as high as possible on Search Engines. At the same time, making the website as user-friendly as possible.</p>

What is SSR?

SSR or Server Side Rendering is a method where a website is prepared on the server with all the necessary data befor...

Aneek Rahman

Deep dive: How baalish uses Server Side Rendering to get better SEO