Next.js SSR vs. SSG vs. ISR vs. CSR | Next.js Data Fetching

Today we will have a look at the data fetching methods of Next.js v10. We will compare server sider rendering, static site generation, incremental static regeneration on basic react client-side rendering.
The fetching methods are getServerSideProps, getStaticProps. The old method was getInitialProps.
In another video, we will talk about what getStaticPaths does.
-- 🤙 Book A Consultation --
dev-world.agency/web-dev-cons...
Repo: github.com/samfromaway/next-d...
CONTACT:
📱 Facebook - / devworldinfo
🌎 Website - www.dev-world.info
📧 Email - [e-mail]
ABOUT THIS CHANNEL:
Dev World is a mix of tutorials and educational videos around Coding, Online Marketing, and Design.
#Next.js #React #WebDev

[@virgiliogervacioestadillo5077]

This is the best tutorial that I could find on the internet. You explained each types of rendering methods as well as each codes and how they behave when they are rendered in the browser. Plus you gave us tips when to use each of them. I will highly recommend this video to my friends and my colleagues who have react background in react but having a hard time to start with NextJS. Thank you so much sir.

[@billelbahani]

I CONFIRM

[@ahmedmusawir]

This is the BEST tutorial on the topic on the whole internet

[@anasaljawa858]

You are the best one who explains these concepts with the live example in one short video

[@SamFromaway]

Thanks 🙏

[@rahulnag9582]

the most amazing and great video on SSR vs. SSG vs. ISR vs. CSR which cleared all my doubts and queries related to these topics.
thank you soo much

[@haans8]

The only video that has the best analogy to explain all of those methods, im getting confused with a lot of blogs explanation, but you are clean enough to explain these, Thank you mate !!

[@SamFromaway]

Glad it helped

[@mjylove2]

greatest visualization on this topic ever

[@senshawb]

Finally I understand these things
Dude you are awesome nice presentation

[@suyafiku5731]

This video is the best explanation out there with example on how each rendering goes. I FINNALLY understand it. Thanks 👍

[@temanangka3820]

Thank you. This is the best explanation on difference between those data fetching methods. Keep doing like this!

[@richards16]

Exceptional explanation! Thank you very much.

Dude, this is so crystal clear explained, thanks.

[@zenova9926]

No other explanation can surpass this one, simply the best ever 👏

[@kolynzb]

This is the best tutorial I have watched when it comes to this topic

[@trendsamadrio1921]

This video is how movies should be. Good way of conveying stuff with best screenplay. Appreciate the effort man. Simple but efficient and useful.

[@andrewwachira1]

This is for sure the best video explanation on ssr and csr. Best video. Thanks brother.

[@bispingbraden]

What a great video. Thank you for making this.

[@dileepsenevirathne4329]

best video about the data fetching methods of NextJS, watched many others couldn't really understand well but thanks to your video I now finally get it. Thank you so much for this, much love.

[@SamFromaway]

Thanks for the comment 🙏

[@dzikriqalam5010]

You dropped your crown, King. Literally the video I've been looking for. Thank you for the explanation, looking forward to see your another video, Cheers!

[@dorsafferchichi930]

Lucky to watch this, clear and to the point 😍

[@henry_9]

Thank you so much! This is the best video I have seen on explaining how data fetching works in next.js. I have always wanted to build projects using next.js but all these different data fetching methods just confused me a lot even though I have watched different videos/articles/tutorials on this topic. But I am so glad that I found this video and feel like I am finally ready to start using next.js.
Explanation:
CSR: 0:44
SSR: 1:45
SSG: 2:13
ISR: 4:10
Code:
CSR: 5:43
SSR: 6:34
SSG: 7:35
ISR: 8:18
Deployed demo: 8:54
When to use which: 10:10

[@userjred2866]

Best explanation I’ve seen so far, congrats!

[@TheLazyGentleman91]

This is seriously the best explanation of these concepts I've seen. I've been reading articles for 2 hours now and nothing stuck. In just 12 minutes I finally feel like I grasp it. Thank you so much. I'll share this around to my bros.

[@Alalilaful]

Loved this video, fast, straight to the point, very clear, thanks man.

[@shannoncole6425]

Man, keep these videos going! I’ve been struggling with this for weeks and your videos cleared up so much. Hopefully I can implement it when I get back to the computer. 😂

[@mitch1668]

Such a great explanation on this subject. Thank you sir!

[@dmsnm]

Simple placing of cards, no funky animations but most concise method of explaining. 👍

[@EagerEggplant]

very lucid, clear and precise way to put everything in perspective. Thank you! Very helpful

[@tejalsali7981]

Loved your way of explaining. This video helped me a lot. Thanks man!

[@SamFromaway]

Thanks 😁

[@josephuzuegbu7431]

This is the video that explains the rendering pattern in javascript very well. Thanks Dev World

[@fernandonogueira2291]

Amazing explanation, my friend!! Thanks for that!

[@eaccer]

This is EXACTLY what i was looking for ty very much!

[@rohil3023]

This video cleared so many confusions i had. Thank you

[@himashisbiswas1339]

The best Explanation. Love from India❤❤

[@a.s8897]

underrated, thank you!

[@79jdv79nam]

Super easy to understand. Thanks for the illustrations and suggestions.

[@ralphlargo9728]

very straightforward. two thumbs up bro!

[@khairulhaaziq2332]

very clear explanation and great use of figma! Thank you sir

[@ivuga1800]

Great video! Everything explained so well in just 12 minutes!

[@pakistanzindabad3470]

this is the best ever. my concept is cleared now and great thanks to this person

[@al4965]

thanks for the explanation! its really helpful, especially for someone who just starting to learn next like me

[@fancyAlex1993]

This is the best explanation , even the Next JS docs explanation was really difficult for me to comprehend.

[@ahmaat19]

The explanation is what I wanted. Everything is smooth and clear. Thank you for your effort.

[@Mauna25]

Amazing tut man, very well explained! Loved it :)

[@vimalverma.i]

Great tutorial, everything is point to point 👍

[@AnthonySmith-tw2ll]

Thank you for this, I had a reasonable idea of what these were but this completely cleared it all up! Thanks!

[@paschalynukwuani6930]

I just subscribed to your channel because honestly you are the only person I have seen on the internet today who explained these concepts perfectly. Thank you.🏅

[@mamunapu]

This video made me subscribe to this channel. This is the best explanation ever.

Best explanation on the internet!

[@youmee8956]

Man i just to said that this is the best explained ever now i cam understand what these data fetchinh exactly are🙏 thank you so much man🙏

[@SamFromaway]

Glad you liked it

[@bill3969]

this is exactly what i was looking for thanks it was so helpful

[@sanjayadtani]

Very clean explanation, Thank You.

[@williefr]

Just found this video as I'm starting with nextjs and I found it really useful! Thank you so much taking the time to make this video i now have a much better understanding.

[@MUHAMMADAZEEM-lt4vt]

Your are Confidence builder Man! i was working with ReactJs since last 2 years but couldn't upgrade my skill to NextJs but after watching this video now i have completely understand the concepts . so thanks again man.

[@alessandrocalio1446]

This is a fantastic explaination!

[@stephendyson3003]

Switching from just plain react and using nextjs in my next project for better seo, this was very helpful!

[@abhishekvishwakarma9045]

Really nice , easy and to the point explanation 👌🔥

[@madara_u_chiha]

OMG you should make a course bro! You are a very good instructor! Your examples and approach is excellent!

[@Saiphes]

Best rendering tutorial is best.

[@musamutetwi1948]

Dude, this is the best explanation. thank you so much.

[@tunghoang9373]

Very easy understanding, thanks a lot :)

[@jennifershivel2740]

THANK YOU, five stars, brilliant! :-D

[@TakurTube29]

Finally got it thanks dude... I just gave you subscription.

[@hoangnguyen7381]

This video hepled me a lot. keep these video going. Thanks man!

[@christeneyeshua4559]

wonderful job sir , keep up the great work and also adding content of such quality. God bless.

[@marimuthur9456]

Fabulous explanation 👌🏼 it was very easy to understand the concepts i like the way your teaching excellent😊👌🏼👌🏼

[@killiangemoets1360]

Great video man, thank you!

[@boysisig8260]

Clear explanation. Thanks man 👍

[@forvm2051]

Great video! Like the intuitive explanation with images!

[@SamFromaway]

Thanks 😁

[@34_harshdeepraghuwanshi98]

please continue you are teaching great

[@hariswirabrata6740]

Super helpful!

[@cakitomakito3979]

this was an amazing tutorial , explanation. Thank you. Was so clear so satisfiying

[@TrictoYT]

Bless you for this

[@musliminontong2611]

I love this tutorial.. its so informative and concise

[@marcgarcia1195]

Thanks for the video 😁 You made it super clear

[@chirazhosni1828]

Thank you! this was awesome!

[@ostadomid3355]

Great.
In ISR After 100 seconds the first request is served with the old static page but at the same time the new version of that static page get regenerated and for the next requests the new page ( with new data) will be served.

[@paulventura3118]

Thanks man for your superb explanation!

[@asfandiyar5829]

Thank you! Perfect explanation :)

[@NonBinary_Star]

excellent example!!

[@codeNinja2320]

Thank you a lot, you saved so much time for me

[@leilahajiyeva]

i love this video.so clear.thanks

[@giorgieliozashvili633]

Indeed the best explanation

[@douthedev5338]

The best tutorial that i ve ever seen dude :)

[@SamFromaway]

Thanks, I appreciate it

[@carlosenriquecastanedaguti8130]

Great explanation, thanks

[@mrperfect3197]

*I hardly comment on any video but this explanation is the best. I struggled so much to understand those topics but you explain all those topics with ease. liked it 👍*

[@SamFromaway]

I really appreciate that. Thanks 😁

[@muhammadbilalmalik7292]

You nailed it bro

[@dudiyalov]

Great Video! Thank You.

[@leilaafhim3208]

Thanks a lot for your video, I really need it!

[@bensubendran]

Thanks for best explanation.

[@CharlesSHart]

Great tutorial

[@zunnoorainrafi5985]

Nice tutorial Sam,
This video helped me a lot in learning next.js

[@SamFromaway]

Glad to hear!

[@danielkakai2877]

great content, you've answered my question

[@yopp1234]

Very good.

[@idynxcode5744]

great! Thanks

[@njengathegeek]

This is so nicely explained Sam, keep up the geed work

[@kim92se64]

best explained

[@zombeeplayer9550]

Better explained 👍❤️

[@ParamKeshkamat]

Thanks for such awesome explanation 🔥💯

[@yonasketema9584]

Thanks 🙏

[@hussainabbas1341]

Thank You so much