What are Server Side Rendering (SSR) & Client Side Rendering (CSR) | Pros + Cons

#webdev #SSR #CSR

🔥 All my links

🔖 Topics Covered

- Client side rendering (CSR)
- Server side rendering (SSR)

[hayleyt.]

Love this explanation, straight forward with example! Thanks a lot for this

[gabg]

I don't know how many resources I've read/watched that explained the difference but didn't show it. I just couldnt grasp it until now. This helped so much, thank you!

[gorandamchevski]

Great insight, nice to know that a combined approach can open more options for an app. TY

[newygreek]

Is there an app in Chrome that identifies on the front end browser which elements are not SSR? And in addition which data on the front is not being parsed by SSR? So for example I have seen product URLs not SSR, no html a href tags which is problematic for SEO? Something to see quickly rather than investigating and inspecting elements?

[haticesurumlu]

Hello the video is very helpful for me . can you share this codes?

[dan_b]

Nice explanation - your CSS is taking ages to load though ;-)

[martapfahl]

So if I get it correctly if the website is hosted up on an extremley fast server you get this instant page loads right? And then the dynamic content that NEEDS to be rendered on client side is being loaded there but you already see the rest of the page, this is freaking cool.

[creed]

I can say that this is the explanation i wanted to hear 😅

[Simplymt]

Simple to understand and beautifully explained, thank you so much!

[KeannuZeigfeldAtilano]

Doesn't SSR take more resources on your server since it's gonna be the one generating the page?

[cyberstarcritic]

What a bos!! u literally showed us the difference, by not just explaning it niec!

[ashishkumarsahoo]

And it's best easiest explanation

[al-doori]

Man thank you so much, simple and informative, wish you all the best.

[trungbui]

This video is worth more than a ton of blogs

[anton-r]

like ++. super tnx, fast and to the point

[warrayn]

Thank you! Such a simple explanation! :)

[ganeshshetty]

Awesome Video, this is the best video on these
Thanks

[mayurbanta]

To the point, best explanation so far

[Konslufius]

So the initial HTML is SSR because it comes direktly from the server, the and part with the fruit is CSR, even tho the information comes from the server, but in the end is rendered by the client.

[cinammondream]

Oh my gosh amazing video informative and helpful. Are you in New Zealand?