SSR and CSR

What is Client-Side Rendering?

https://yudhajitadhikary.medium.com/client-side-rendering-vs-server-side-rendering-in-react-js-next-js-b74b909c7c51

What is Server-Side Rendering?

Great for static site

SSR is the process of taking a client-side JS framework website and rendering to static HTML and CSS on the server.

https://rockcontent.com/blog/client-side-rendering-vs-server-side-rendering/

CSR vs. SSR

1. CSR requires more JS to be downloaded (== more JS to parse)
2. CSR has faster website rendering after the initial load
3. SSR is possible bottlenecking with site that are very interactive
4. SSR can have better SEO

References

1. Firebase; What is Server-Side Rendering? (Server-side Rendering with JavaScript Frameworks) (2017.9)
2. Jason Rosson; Tech Talk: Client Side vs. Server Sider Rendering (2017.9)