SSG vs SSR Explained in 10 Minutes (For Beginners)

Let's talk about 2 common rendering strategies on the web: SSG (static site generation) and SSR (server-sider rendering).
Learn more about SSG vs SSR with Astro - astrocourse.dev/
*DISCORD*
Join the Learn Build Teach Discord Server 💬 - / discord
*STAY IN TOUCH 👋*
Newsletter 🗞 - www.jamesqquic...
Follow me on Twitter 🐦 - / jamesqquick
Check out the Podcast - compressed.fm/
Courses - jamesqquick.co...
*QUESTIONS ABOUT MY SETUP*
Check out my Uses page for my VS Code setup, what recording equipment I use, etc. www.jamesqquic...

[@Escko]

Just finished watching the podcast about Astro and headless WP so I had to come here to better understand static sites vs server rendered. Thanks man.

[@codewithguillaume]

James I love your work. Thanks for this!

[@JamesQQuick]

Merci mon ami :)

[@twd2]

Incrementally static regenerated pages looks like an interesting topic 😍!!!

[@JamesQQuick]

It's a pretty cool. Might do a follow up on that!

[@ChaseLancaster]

I've been diving into Vercel and Next.js lately and this video was great!

[@nowiK45]

this video helped a lot ! thanks james!

[@Avarn388]

As someone who is learning Gatsby(and Next.Js); this video is really helpful. Thank you very much. To make sure, I understand Build request vs Request time, is build request like building a house where you have architects, interior designs etc. working on the physical construction of the house and getting it ready and Request time is just allowing individuals access into the house?

[@JamesQQuick]

Glad it's helpful! So build time in this case is specifically what happens on the build server, typically during deployment. With Netlify/Vercel, you can connect to your Github project. Whenever you push new code to that project, Netlify/Vercel will trigger a new build. After the build is done, it will deploy the new files. Request time specifically refers to when the user navigates to a given page. The browser then sends the request to get that html page back. Does that help?

[@nitesh.unique]

Loved the way things are explained...would also love to know all type of rendering ❤

[@JamesQQuick]

So glad to hear it! Thanks for watching. :)

[@Olga-id1qy]

Me as well, plus can you expand on the comment mentioned in the video about ssg limitations and example for hybrid approach to use ssg and SSR. Huge thanks

[@ronpalmer7260]

I've got a static Astro site up and working and I love it. I now need to add ssr functionality using nodejs and express. I can't find any good documentation on how the the basic routing works. I know how to do routing in an express app but how do I get all the static routes and how do I integrate the static routing with the dynamic routing?

[@onyekastephen2250]

Of course we're interested; Actually don't understand how caching works with the web talk more of applying it to SSR. I'd love to be taken on that. Moreover, I enjoyed this topic.

[@lets.walk.around.gothenburg]

Good day, dear friend, I really enjoyed watching this excellent video.😍🙃🙃 Keep doing great things. Have a nice day.🔥

[@thengakola6217]

Bro looks tired af.

[@genechristiansomoza4931]

They somehow made a scripting language to a compiled language. 😅

[@thengakola6217]

It aint compilation... its transpilation

[@mario_luis_dev]

masterful explanation James, keep up the great work 🫡