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

[@Smoljames]

Cheers for watching 💛 Get hired faster with a better resume @ www.hyr.sh

[@gabg3686]

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!

[@Smoljames]

Glad it helped :)

[@hayleyt.4680]

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

[@لوسيفرجبريل]

Finally someone who can actually explain it.

[@Smoljames]

Cheers broski :)

[@Simplymt1]

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

[@trungbui7518]

This video is worth more than a ton of blogs

[@basicdeveloperjs]

Great and simple explanation! Thanks!

[@gorandamchevski]

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

[@Smoljames]

glad you enjoyed :) thanks for the support too

[@al-doori2392]

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

[@mayurbanta]

To the point, best explanation so far

[@trundra_ai]

Couldn't make it clearer. thank you !

[@Smoljames]

glad you found it helpful :)

[@cyberstarcritic]

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

[@kereo32]

Clean and on point explanation! Thank you.

[@Smoljames]

Glad you enjoyed it :)

[@ibtesumrezaaninda323]

Oh! Such quality content! Love this!

[@Smoljames]

Thanks for the comment!

[@warrayn10]

Thank you! Such a simple explanation! :)

[@creed404]

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

[@jawadsrour8490]

Great video explaining the advantages/disadvantages of each!

[@大盗江南]

great explanation! thx buddy

[@solo-yl8uc]

Very clear explanation, thanks so much.

[@Smoljames]

Happy it helped my friend :)

[@mirzafarazbaig8945]

Great video with example.

[@martapfahl940]

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.

[@eccheong]

it's freaking cool indeed!

[@absurd0000]

Excellent way to explain this. Thank you

[@Smoljames]

Happy to be of service:)

[@shulin29]

nicely explained, thanks! :D

[@holyage3128]

man, you did it clear as possible!!!!

[@Smoljames]

Glad you found it helpful :)

[@ganeshshetty8441]

Awesome Video, this is the best video on these Thanks

[@ashishkumarsahoo6966]

And it's best easiest explanation

[@Smoljames]

Cheers broski :)

[@brunocapitelli7754]

Great content! Straight to the point and just enough detailed. Btw whats that theme?

[@Smoljames]

Glad you enjoyed :) and it's 'Tomorrow night blue'

[@Breeath]

Jazakallah🥰

[@cinammondream]

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

[@Smoljames]

Glad you found it helpful! And yes I am in New Zealand - good guess haha

[@cinammondream]

Haha thanks I picked up on the accent - all my favourite movies are Kiwi (whale rider, hunt for the wilder people) and I've watched so much 'How To Dad' on KZbin and I love artists like Princess Chelsea - i realised quite far into the video that you weren't just Australian. Please humour me, I'm British!!!

[@Becksbradley]

thanks for sharing !

[@haythembenkhlifa3197]

thank you!

[@lastmanstanding5423]

yesus that's very blue

[@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?

[@Gashvah]

Thank you

[@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.

[@VishalPrajapati-oh3zo]

Hey... Can you make video for ssr in react v18 from scratch?

[@Smoljames]

I sure can 😊

[@anton-r]

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

[@ApoorvBedmutha]

You're awesome

[@ШопенШумит]

Thanks

[@haticesurumlu1833]

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

[@KeannuZeigfeldAtilano]

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

[@Smoljames]

Not always - a lot of services build the static server pages once and cache them and it's very efficient

[@joshuabrard1061]

Good video

[@Smoljames]

Tyvm my friend :)

[@harisjose2050]

❤❤

[@VincentSamar-s3g]

0:25 honk

[@diegounanue]

What happens if you have css?

[@koolmo]

great video!

[@Smoljames]

Cheers broski!

[@dan_b8982]

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

[@Smoljames]

Haha man's got an eye for detail

[@kristijanlazarev]

Very nice man! fr

[@GaryMoore-q3o]

4692 Stokes Tunnel

[@GlennRobinson777]

I get where you're coming from, but the premise of "2 processes rather than 1" isn't 100% accurate. Something has to process the data to make the HTML representation, so if that is completed server side that means 1 longer process rather than 2 short ones (you're not magically removing the need for that process, just shifting which side is responsible). As such if you heavily rely on data formatting you need to scale your server resources to cater for this - so I just don't get how it's such a big saving on time?

[@dArKoMeGa89]

Cache

[@MyrleTonner-b6f]

West Views

[@Ionut-lm9cj]

Abcd