NextJS Rendering Methods - Explained (CSR vs SSR vs SSG vs ISR)

There are lots of ways you can render components in #NextJS. In this tutorial, we explain and demystify the different methods, SSG (static site generation) vs CSR (client-side re-rendering) vs SSR (server-side rendering) vs ISR (incremental static re-generation) and give you a simple mental model to make a choice.

#basarat #NextJS #React #Tutorial

Chapters:
0:00 Intro
0:22 SSG
1:04 CSR
3:00 SSR
4:19 ISR
6:42 Outro

👇 ❤️ Subscribe for MOORE ❤️ 👇

**Feel Free To Read This Lot**

I'm Basarat, and I love helping developers. More about me:

Microsoft MVP for TypeScript
200K contributions on Stackoverflow. Top Contributor for TypeScript.
Book Author: Beginning NodeJS
Book Author: TypeScript Deep Dive
Creator of multiple hot ✨ed Github Open Source projects

[scienceblossom]

This wasn't a tutorial video, this was an "art of teaching" video!

[meetboy]

This is the type of video the Nextjs community needs. Short, to the point, clear explanations with use cases.
Quality work, keep it up

[MunkyChunk]

I came here 6 months ago to learn. Since then, I've been dabbling in other technologies and forgot. Only today, I wanted to remind myself about this, and knew exactly where to come! 7 mins and I'm back up-to-date. Thank you legend.

[abdulazeez.]

I finally understood NextJS, awesome explanation!

[mahamadounouridinemamoudou]

OMG, I can't believe understanding all that within 6:56 minutes, you definitely are an artist of teaching. Thank you for the video

[moogle]

Thank you, this is awesome! Hard to find out why to use each different one. You shed light on this good 👍

[longnhat]

How can you explain this so well! This bother me & i cant even sleep. It is much more clearer now! I must rewatch this many times.

[cherryfuchs]

wow, this was so refreshing to watch! very well done, good explanation and straight to the point. thanks!!

[kimse]

What a great tutorial exact to the point !!! Awesome

[naveenkumar]

I have been trying to understand these concepts for a very long time but never got them to the core. But this is the video I've been searching all along for a long time. Really nailed it brother!

[prasad_yt]

Very crisp and simple ! Well explained!

[griseldabalmaceda]

Absolutely perfect! Was trying to wrap my head around the terms and this was simple and straight the point!

[amans]

Perfectly explained. Loved your content

[hasanmobarak]

No one can explain this topic as simply as you.

[hernanb]

Thank you for this, but what about when you call async await from the page? Because I saw that the page could be on the server side, so that would mean is a SSR? or still client? Thanks

[venicebeachsurfer]

If I have a page that is dynamic route, that has thousands of permutations which gets data from a cms.... seo/speed is very important, which solution should I go with?

Data changes very rarely.. a week long invalidate is fine.