SSR vs CSR vs SSG explained with Nuxt

You might have heard about Server-Side Rendering SSR, Client-Side Rendering CSR, and Static Site Generation SSG.

They all sound fancy, but we really know what they mean? Even more important, makes sense for my project?

In this video, I try to explain (the best I can) how to implement each one of these architectures with the help of my favorite VueJS framework of choice, Nuxt. We will build a STRANGER site to help us to understand the pros and cons of each one and possible use cases.

- The code used in this tutorial can be found in this repo https://github.com/alvarosabu/nuxt-up...
- Nuxt v3 documentation https://v3.nuxtjs.org/

Come say hi on Twitter   / alvaro_code  
----

Our Sponsors

Meet Storyblok (not Storybook that is a different thing) The world's first headless CMS that works for both developers & business users.

I must warn you when you start using it, you will never go back to any other CMS solution

Give it a try at https://t.co/aaEZxcPC4W 😜

00:00 - Epic intro
00:37 - What we are going to do today
01:03 - Storyblok
01:36 - Client Side Rendering (SSR)
02:46 - Building a CSR app
26:52 - CSR Pros and Cons
28:40 - SSR
34:03 - SSR Pros and Cons
35:37 - Static Site Generation (SSG)
42:37 - Outro