Next.js Incremental Static Regeneration

If you can build your app as a simple static app, that pretty great. The app loads faster, and you have plenty of free and cheap hosting solutions. You will usually use a static site generator like Jekyll, Hugo, Gatsby, or even Next.js.

Unfortunately, we have to render dynamic data inside our web apps. So, we have to either use server-side rendering or use client-side rendering. Then we lose some of the benefits of static apps.

What if there's a way to create static web apps but re-create specific pages on-demand with the data changes.

That's what Next.js Incremental Static Regeneration does.

In this lesson, we are going to understand the functionality by creating a music recommendation app. Here's the final result: