What is Incremental Static Regeneration? (ISR)

Incremental Static Regeneration (ISR) allows content editors and developers to use static generation on a per-page basis and update content without having to rebuild the entire site.

0:00 — What is ISR?
0:14 — Issues with Static Generation
0:49 — What about Content Management Systems?
1:08 — Incremental Static Regeneration Overview
1:33 — How Does This Affect Build Times?
1:52 — Explanation of ISR Request
5:04 — E-commerce Example
6:44 — Tradeoffs
7:38 — Reverts & Rollbacks
8:11 — Conclusion

📚 Resources

🤝 Socials

#nextjs #isr

[leerob]

You can now revalidate pages on-demand in Next.js 12.1! Really excited about this feature :)

[domsbuhendwa]

My Nextjs hero🙏🙏 I learned more about web development on this Chanel in last month than 5 years spent at university

[christianaustria]

Thanks for the lucid explanation. The one that confuses me the most was the revalidate property, I thought it works as somewhat like an interval that requests to the server everytime it passes, but it is still actually a user-triggered request.

[ruzicic]

Amazing explanation! Thanks a lot for another piece of great content, Lee!

[gokulkrishna]

Simply Amazing. Thanks for the detailed explanation.

[isarshow]

I must admit, this is pretty sick, my hat's off to you!

[rahulsriram]

This comment section is really helpful. Thanks for replying to all the doubts Lee

[hazemgharib]

I'm definitely picking ISR this month!! This skill looks hot 🔥

[janiswolf]

Thanks! So simple and clean 🎉 Solved my issue haha

[noor_codes]

ISR and SSR make nextjs. (The King 👑 )

Such an incredible technology

[agustinmaggi]

Thanks Lee for keep making great content! I have a concern about how it can be manage using kubernetes where each pod of the application have your own filesystem. Did you have deal with something related to that?

[andrewheller]

Thank you for this Lee! Would it be possible to initiate a rebuild with a hard refresh? That way I could set the rebuild to be less frequent for less critical things, but then I could do a hard refresh if I needed to see something immediately. It seems like it would be a lot of unnecessary other wise

[arubin]

Thanks Lee for the great video! Quick question: Is there a way to imperative invalidate a page (or the whole cache) from outside and not by using a revalidate configured time on Next.js + Vercel? My use case is that I have a Next.js site that connects to Wordpress REST API and uses ISR, the user barely changes the content (so I don't want Next.js triggering every now and then calls to WP REST API without a reason) but when the user changes the content and publish, he wants the content to be immediately available in the site... Is there a solution for that? I would be great if it is possible to "revalidate" on demand...

[mooder]

Waw great explanation 🌸

I'm just wondering about next authentication
Most examples that I've seen about it was using the internal next api
But what if i wanted to use an external api using some other technologiessomething isnt node js or even node js but an external one i mean sperating the frontend from backend so how i can apply this to my nextjs application?

[NSlides]

Pls explain, fetch lists and fetch list detail pages.. using ISG in static sites..

[oliversaxon]

I’m experiencing some issues. I have recalibrate set at 10s. I’m using contentful to host my blog content. On first load, my blog post shows stale data every time until a refresh. It’s as though the old cache isn’t being recalibrated at all

[dailymeow]

Hey Lee, i'm building an app that fetch prices from an API, the prices are changing around the clock, and i need the user to see the changes without refreshing the page.
Which could be better for this case, SSR, SSG or ISR ?

[coffeefps]

Is ISR only available when we host our site in vercel?

[josecarlosbarrigaarnez]

Excellent video.
One thing: Can i use try catch inside getstaticprops or getstaticpaths in order handle errors or if backend is down?. Another doubt is if I’m using docker and the build time is on my local machine before upload to docker hub and maybe I don’t have the backend up yet. If I don’t have try catch the build will fail or how nextjs can work in that case?

[Skillthrive]

I have a multi-tenant site that allows tenants to create posts and other content. I'm using SSR bc I don't want my app to rebuild every time someone publishes something new. If I understand correctly, I'll be able to move my tenants blog posts to use ISR to improve load times on static content?