Server Side Rendering Explained in 60 Seconds!

⚛️ Learn Full Stack Development: cdm.sh/fullstack
👉 Free HTML5 + CSS3 Course: cdm.sh/htmlcss...
👉 Free JavaScript Course: cdm.sh/jsbasic...
👉 Free ReactJS Course: cdm.sh/react
👉 Free NextS Course: cdm.sh/nextjsb...
💰 Refer codedamn to friends and earn $$: cdm.sh/refer
👉 Checkout codedamn on social:
Instagram: cdm.sh/ig
Twitter: cdm.sh/twt
Facebook: cdm.sh/fb
GitHub: cdm.sh/github
If you found the video valuable, please leave a like and subscribe ❤️ It helps the channel grow and helps me pumping out more such content.
👋 About Me:
Hey! I'm Mehul Mohan, a CSE'21 graduate from BITS Pilani, Goa. I started coding early in life, at the age of 13 when I created my first blog on Blogger. I am listed in Google, Microsoft, Sony, eSet, etc. Hall of Fame for reporting vulnerabilities in their systems.
🍎 I am Apple's WWDC'19 Scholar - visited San Francisco and attended WWDC.
📙 I am an author of 2 books, on JavaScript and React - cdm.sh/mehulbooks
🚀 Currently working on my own startup - codedamn.
Connect with me:
📸 Instagram: cdm.sh/mehulig
📱 Twitter: cdm.sh/mehultw...
📝 LinkedIn: cdm.sh/mehulli...
📂 GitHub: cdm.sh/mehulgi...
🌎 Personal website: cdm.sh/mehulblog
💻 Start learning to code for free: cdm.sh/codedamn
🧑‍🤝‍🧑 Discord community: cdm.sh/discord
👉 HTML5 + CSS3 Tutorials: cdm.sh/htmlcss...
👉 Complete JavaScript Tutorial: cdm.sh/jstutorial
👉 Complete React Crash Course: cdm.sh/reacttu...
👉 Next JS Tutorials: cdm.sh/nextjsy...
🏷 Video Tags:
Server Side Rendering Explained in 60 Seconds
#shorts
What is Server-Side Rendering
👉 Check out my other personal KZbin channel (it is in Hindi/English mix) where I share coding tips, tricks, and hacks: cdm.sh/mehulyt

[@testpurpose5161]

Every simple and to-the-point explanation. Keep uploading these kinds of videos. Thank you so much.

[@lowCostCoder]

great way to explaining SSR.

[@user-yh5dd5jz7x]

great format, please do more of these shorts!

[@Raj-iz9uz]

Superb Explanation with Awesome Example.. Thanks Mehul Sir 🙏🏻😊

[@danumichael2143]

Great explanation

[@nishantsingh8093]

Best explaination of nextjs, loved it!

[@iqbal5942]

Sir in your next js crash course you say SSR is slower then SG because we send req on server and now you say SSR fast? I am very confused 😖

[@Zodiac-pz9bn]

That's amazing way to explain love it

[@helioobianchi]

What should be considered when deciding between server-side and client-side rendering? And how much does it determine the technologies used to develop a web app? I mean, can I use any frontend and backend framework I want regardless of client-side or server-side?

[@sachinshinde150]

Server side rendering should only be considered for tasks that are exploiting lot of resources of client... I find it in very exceptional cases. For most of the cases, just go with client side rendering ... Frameworks like react, angular, vuejs are good for client side rendering

[@helioobianchi]

@@sachinshinde150 Nowadays there are some things that are very heavy for the client, and no one seems to be complaining. Enterprise systems (SaaS), design tools like Figma, photo and video editing tools etc. And when a web app is heavy for the user's computer, it's not because of the HTML rendering. I keep wondering what exceptional cases are these

[@sachinshinde150]

@@helioobianchi IKR

[@aashiqcuts4360]

Brother can u tell what is kubernetes and y it's useful Thanks in advance ☺

[@ashutoshbhatt6799]

Taking from same cake example what is difference between isr and static and ssg

[@geekySRM]

Wow.. that's a great example!

[@supun_sandaruwan]

great content, nutshell

[@shubhamkumbhare2725]

Pls explain SSG 🙏

[@honeypillai2949]

thank you so much, explained very easy way

[@sachinshinde150]

Server side rendering is a old way of doing things ... Both has its pros and cons

[@rahulrahul6259]

Very nice explain

[@keifer7813]

I think I'm starting to get it. Would furniture be a better example?

[@shubhambaliyan4217]

thanks

[@sainagarjuna7473]

Great video. Milk, tea bag and sugar is better example than cake. 😉

[@Benimation]

I would say it's more like a finished cake that comes in a box with a clear title, ingredients, barcode and all that extra information that you could technically deduce, but this is more friendly cake-SEO

[@Benimation]

Also the customer can more easily see if this is the cake they want, before they buy it

[@mhmmdshaz98]

Now this is the icing on the cake 💀

[@AbhishekKumar-vl3cb]

What is your thought on Angular Universal? Should we go with it or something Next.

[@RoadsideCoder]

Go with next... "Next JS"

[@nested9301]

server-side rendering is literally just to avoid loading states everywhere in your app, specialy when u get the data it's should be fast and seo freindly that's why we use it

[@jordankoenig2840]

Now I want cake

[@khadimhusen]

Good analogy. But dosen't explain the purpose of SSR properly.

[@kyadasayam1393]

.NEXT JS left the chat 😂

[@mithrandir2171]

His explanation was the same with ChatGPT

[@mxo3212]

what does that even mean let them build the cake LOL SSR has pros and cons i only see the cons >

[@Mrmtl100]

brother forget the cake and speak right

[@shabeerahamed2129]

worst example ever

[@AkashSide]

Amazing video 😍

[@melwin217]

Awesome explanation

[@luckypawar8964]

Thanks . . . . .

[@bryanzawlocki]

YES HOW IS THAT DONE IN THE CODE??

[@HimangPatel-c7h]

This is the way we want to be taught👌, Great example and explanation!

[@codingstation7741]

Nice analogy 🍰

[@mxo3212]

not even close