What are Server Side Rendering (SSR) & Client Side Rendering (CSR) | Pros + Cons
Learn to Code 🔥 www.smoljames.com/roadmap
Build a resume ✅ www.hyr.sh
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)
Пікірлер: 66
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 :)
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.
Simple to understand and beautifully explained, thank you so much!
Great insight, nice to know that a combined approach can open more options for an app. TY
@Smoljames
2 жыл бұрын
glad you enjoyed :) thanks for the support too
To the point, best explanation so far
Thank you! Such a simple explanation! :)
What a bos!! u literally showed us the difference, by not just explaning it niec!
Clean and on point explanation! Thank you.
@Smoljames
11 ай бұрын
Glad you enjoyed it :)
Great video with example.
Oh! Such quality content! Love this!
@Smoljames
Жыл бұрын
Thanks for the comment!
great explanation! thx buddy
nicely explained, thanks! :D
Finally someone who can actually explain it.
@Smoljames
8 ай бұрын
Cheers broski :)
Couldn't make it clearer. thank you !
@Smoljames
Жыл бұрын
glad you found it helpful :)
man, you did it clear as possible!!!!
@Smoljames
Жыл бұрын
Glad you found it helpful :)
Awesome Video, this is the best video on these Thanks
Your explanation is a boss
I can say that this is the explanation i wanted to hear 😅
Very clear explanation, thanks so much.
@Smoljames
Жыл бұрын
Happy it helped my friend :)
Excellent way to explain this. Thank you
@Smoljames
Жыл бұрын
Happy to be of service:)
thanks for sharing !
thank you!
Great content! Straight to the point and just enough detailed. Btw whats that theme?
@Smoljames
2 жыл бұрын
Glad you enjoyed :) and it's 'Tomorrow night blue'
like ++. super tnx , fast and to the point
Thank you
Thanks
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.
@grasstoucher856
Жыл бұрын
it's freaking cool indeed!
And it's best easiest explanation
@Smoljames
8 ай бұрын
Cheers broski :)
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 KZread 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!!!
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?
❤❤
Good video
@Smoljames
2 жыл бұрын
Tyvm my friend :)
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.
great video!
@Smoljames
7 ай бұрын
Cheers broski!
Hello the video is very helpful for me . can you share this codes?
Very nice man! fr
Hey... Can you make video for ssr in react v18 from scratch?
@Smoljames
2 жыл бұрын
I sure can 😊
What happens if you have css?
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
Nice explanation - your CSS is taking ages to load though ;-)
@Smoljames
Жыл бұрын
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?
@dArKoMeGa89
Жыл бұрын
Cache
Abcd
good😮