What are Server Side Rendering (SSR) & Client Side Rendering (CSR) | Pros + Cons
Vložit
- čas přidán 28. 04. 2022
- Check out the roadmap 🔥 www.smoljames.com/roadmap
In this video we understand what client side rendering and server side rendering both are. We also look at a practical Node.js + Express example of how each work and their respective advantages + disadvantages + use cases.
#webdev #SSR #CSR
🔥 All my links
www.smoljames.com
🔖 Topics Covered
- Client side rendering (CSR)
- Server side rendering (SSR)
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!
Glad it helped :)
Love this explanation, straight forward with example! Thanks a lot for this
Great video explaining the advantages/disadvantages of each!
Man thank you so much, simple and informative, wish you all the best.
Thank you! Such a simple explanation! :)
To the point, best explanation so far
What a bos!! u literally showed us the difference, by not just explaning it niec!
Great video with example.
Great insight, nice to know that a combined approach can open more options for an app. TY
glad you enjoyed :) thanks for the support too
Clean and on point explanation! Thank you.
Glad you enjoyed it :)
Your explanation is a boss
nicely explained, thanks! :D
Couldn't make it clearer. thank you !
glad you found it helpful :)
Awesome Video, this is the best video on these
Thanks
Oh! Such quality content! Love this!
Thanks for the comment!
man, you did it clear as possible!!!!
Glad you found it helpful :)
Very clear explanation, thanks so much.
Happy it helped my friend :)
Excellent way to explain this. Thank you
Happy to be of service:)
thanks for sharing !
I can say that this is the explanation i wanted to hear 😅
Great content! Straight to the point and just enough detailed. Btw whats that theme?
Glad you enjoyed :) and it's 'Tomorrow night blue'
Finally someone who can actually explain it.
Cheers broski :)
like ++. super tnx , fast and to the point
thank you!
Very nice man! fr
Thank you
great video!
Cheers broski!
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.
it's freaking cool indeed!
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?
Oh my gosh amazing video informative and helpful. Are you in New Zealand?
Glad you found it helpful! And yes I am in New Zealand - good guess haha
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 CZcams 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!!!
Thanks
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.
And it's best easiest explanation
Cheers broski :)
Good video
Tyvm my friend :)
Hello the video is very helpful for me . can you share this codes?
❤❤
Hey...
Can you make video for ssr in react v18 from scratch?
I sure can 😊
What happens if you have css?
Nice explanation - your CSS is taking ages to load though ;-)
Haha man's got an eye for detail
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?
Cache
Abcd