SSG vs. CSR vs. SSR – How to Choose a Rendering Strategy for Modern B2B SaaS Web Applications
Codely v2.0 public release is here
Lorem ipsum dolor sit amet, consectetur adipiscing elit lobortis arcu enim urna adipiscing praesent velit viverra sit semper lorem eu cursus vel hendrerit elementum morbi curabitur etiam nibh justo, lorem aliquet donec sed sit mi dignissim at ante massa mattis.
- Neque sodales ut etiam sit amet nisl purus non tellus orci ac auctor
- Adipiscing elit ut aliquam purus sit amet viverra suspendisse potent i
- Mauris commodo quis imperdiet massa tincidunt nunc pulvinar
- Adipiscing elit ut aliquam purus sit amet viverra suspendisse potenti
What has changed in our latest release?
Vitae congue eu consequat ac felis placerat vestibulum lectus mauris ultrices cursus sit amet dictum sit amet justo donec enim diam porttitor lacus luctus accumsan tortor posuere praesent tristique magna sit amet purus gravida quis blandit turpis.
All new features available for all public channel users
At risus viverra adipiscing at in tellus integer feugiat nisl pretium fusce id velit ut tortor sagittis orci a scelerisque purus semper eget at lectus urna duis convallis. porta nibh venenatis cras sed felis eget neque laoreet suspendisse interdum consectetur libero id faucibus nisl donec pretium vulputate sapien nec sagittis aliquam nunc lobortis mattis aliquam faucibus purus in.
- Neque sodales ut etiam sit amet nisl purus non tellus orci ac auctor
- Adipiscing elit ut aliquam purus sit amet viverra suspendisse potenti
- Mauris commodo quis imperdiet massa tincidunt nunc pulvinar
- Adipiscing elit ut aliquam purus sit amet viverra suspendisse potenti
Coding collaboration with over 200 users at once
Nisi quis eleifend quam adipiscing vitae aliquet bibendum enim facilisis gravida neque. Velit euismod in pellentesque massa placerat volutpat lacus laoreet non curabitur gravida odio aenean sed adipiscing diam donec adipiscing tristique risus. amet est placerat in egestas erat imperdiet sed euismod nisi.
“Nisi quis eleifend quam adipiscing vitae aliquet bibendum enim facilisis gravida neque velit euismod in pellentesque massa placerat”
Real-time code save every 0.1 seconds
Eget lorem dolor sed viverra ipsum nunc aliquet bibendum felis donec et odio pellentesque diam volutpat commodo sed egestas aliquam sem fringilla ut morbi tincidunt augue interdum velit euismod eu tincidunt tortor aliquam nulla facilisi aenean sed adipiscing diam donec adipiscing ut lectus arcu bibendum at varius vel pharetra nibh venenatis cras sed felis eget dolor cosnectur drolo.
When building a B2B SaaS web application, one of the first decisions you will need to make is deciding on what type of rendering strategy to use. In general, there are three approaches – SSG (Static Site Generation), CSR (Client-Side Rendering), and SSR (Server-Side Rendering). Here's a brief overview of each:
SSG (Static Site Generation)
In this approach, a site is built and generated as a set of static HTML files that are served to the client. This means that the content of the page is determined at build time and cannot be changed without rebuilding the site. SSG is often used for blogs, documentation sites, and other types of sites where the content does not change frequently. One advantage of SSG is that it can be very fast and efficient, since the HTML files are served directly to the client without any additional processing.
Some examples of popular site generators include Gatsby, Eleventy, Hugo, VuePress, and Jekyll
CSR (Client-Side Rendering)
In this approach, the content of the page is generated and rendered on the client side using JavaScript. This means that the HTML file served to the client is essentially empty, and all of the content is generated and injected into the page by the browser after the page has loaded. CSR is often used for single-page applications (SPAs) and other types of dynamic sites where the content changes frequently. One advantage of CSR is that it can provide a seamless and interactive user experience, since the content can be updated in real time without the need to reload the page.
Some examples of popular CSR frameworks include React, Vue, Svelte, and Angular.
SSR (Server-Side Rendering)
In this approach, the content of the page is generated and rendered on the server side, and the resulting HTML is served to the client. This means that the client receives a fully-rendered page, with all of the content in place, and does not need to run any additional JavaScript to display the page. SSR is often used for sites that need to be SEO-friendly, or for sites that need to work on devices that do not have JavaScript enabled. One advantage of SSR is that it can provide faster initial load times, since the content is already present in the HTML file that is served to the client.
Some examples of popular SSR frameworks include Next.js, Nuxt, Remix, and SvelteKit
