Skip to content
loading...
markdown guide
 

Server-side rendering

You ask your Mom for a peanut butter and jelly sandwich. She goes to the kitchen and comes back a few minutes later with your sandwich. You've never enjoyed a better sandwich in your life.

You didn't really have to do anything but ask for it. Your mom (the server) did all of the work (rendering) required. She found all the ingredients and assembled them into a complete sandwich for you.

Client-side rendering

You ask your Mom for a peanut butter and jelly sandwich. She goes to the kitchen and comes back with a loaf of bread, a jar of peanut butter, a jar of jelly, and a knife. She sits you down and lovingly helps you spread the peanut butter and jelly on slices of bread. You've never enjoyed a better sandwich in your life.

You did a lot of the work to make the sandwich but, but also had a little help along the way. Your mom (the server) provided all the ingredients necessary (an API), but you had to assemble them yourself (you "rendered" it).

 

Client-side rendering is when you mum makes a cake in front of you.
Server side rendering is when you're mum makes a cake while you're away, and you see it when it's already done.

 

I would say more like getting the pizza frozen or hot and ready to eat. In the case of the cake, mum did all the job in both cases, I think that would be more like interpreted vs compiled.

 

Thanks for your help.
Check this out : Link
A great resource for understanding client-side and server-side rendering.

 

Server-side rendering is like drawing with a pen. Client-side rendering is like drawing with a pencil and eraser.

Classic DEV Post from Apr 2 '19

Becoming An Intermediate Developer

What is an intermediate developer? How can you know if you are at or near this stage in your career?

Prakhar Khandelwal profile image

πŸ‘‹ Hey dev.to reader.

Do you prefer sans serif over serif?

You can change your font preferences in the "misc" section of your settings. ❀️