SSG vs SSR Explained in 10 Minutes (For Beginners)

Рет қаралды 11,896

7 ай бұрын

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.jamesqquick.com/newsletter
Follow me on Twitter 🐦 - / jamesqquick
Check out the Podcast - compressed.fm/
Courses - jamesqquick.com/courses
*QUESTIONS ABOUT MY SETUP*
Check out my Uses page for my VS Code setup, what recording equipment I use, etc. www.jamesqquick.com/uses

Пікірлер: 16

@Escko 2 ай бұрын

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.

@ChaseLancaster 6 ай бұрын

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

@nowiK45 4 ай бұрын

this video helped a lot ! thanks james!

@twd2 7 ай бұрын

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

@JamesQQuick 7 ай бұрын

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

@codewithguillaume 7 ай бұрын

James I love your work. Thanks for this!

@JamesQQuick 7 ай бұрын

Merci mon ami :)

@Avarn388 7 ай бұрын

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 7 ай бұрын

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?

@ronpalmer7260 5 ай бұрын

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?

@nitesh.unique 7 ай бұрын

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

@JamesQQuick 7 ай бұрын

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

@Olga-id1qy 7 ай бұрын

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