A comprehensive guide to the concepts of Traditional Server Side Rendering (SSR), Static Rendering, SSR at build time, and Static Site Generators (SSG) and client-side hydration. In SSR the HTML components of the webpage are generated on the server-side, and then returned to the browser. In Client side rendering (CSR) the HTML parts of the website is generated in the browser. The browser must fully download the JS bundle.
Table of contents
Server Side Rendering (SSR) vs. Client Side Rendering (CSR) vs. Pre-Rendering using Static Site Generators (SSG) and client-side hydration.The BasicsServer Side Rendering (SSR)Client Side Rendering (CSR)Universal Apps (Rendering SPAs on both the Server-Side and the Client-Side)The Best of both worldsStatic Site GeneratorsWhen to use NextJS vs. Gatsby vs. Create-React-App?AddendumReferences:Happy Rendering — client-side or server-side, or what ever combination you end up choosing!! 🙂Sort: