Learn NextJS's Superpower ISR in 15 Minutes

preview_player
Показать описание
NextJS's Incremental Static Regeneration is a powerful tool for making your dynamic routes BLAZINGLY fast! :D Let's learn how to use it and how to verify that we used it correctly in our app. With ISR, you can convert dynamic routes into pre-rendered, static HTML + JSON routes.

I wish you a lot of fun implementing ISR into your app and seeing the results for yourself. Let me know if you build something cool with it! Cheers
Рекомендации по теме
Комментарии
Автор

NextJS SSR, SSG, ISG is probably one of the most timetaking thing to understand. Loved the video!

livecode
Автор

Great explanation, Josh. There are definitely a lot of great uses for these examples.

geoffrey_lee
Автор

What about the fact that Next.js official documentation says that revalidation doesn’t work with generateStaticParams?

“During revalidation (ISR), generateStaticParams will not be called again”

And you can check that it really doesn’t revalidate if you set dynamicParams = false

merdzhen_k
Автор

This guy is such a beast he even has the Nike logo tatted above his right cheekbone. Thank you for these videos, they're truly appreciated👏

bravefastrabbit
Автор

Love your channel bro. Thanks for this! Learned something new!

realitydesigners
Автор

Love your channel ! Glad i found this, hope ur channel grow :)

thequang
Автор

So when I go for server side rendering? any example

rayhanislam
Автор

Is ISR would be great for example a dynamic user created posts blog, like a Twitter clone? Can I revalidate the cache dynamically When somebody uploads a new post?

Gyurmatag
Автор

How is he getting the intellisense for the new revalidate export? I don't seem to have any way to set that up.

aksxaay
Автор

When we use generatestaticparams, does loading tsx still render? Cuz when I use it in my app loading.tsx does not seem to load right after I click it.

ssatriyaa
Автор

we can do it in next 12. In N13, Vercel was change syntax a bit. But it's so amazing

Nosleepguy
Автор

What if we have [userId]/anotherSection, [userId]/anotherSection2, in this case we have 2 children pages under userId, if those pages fetches a data from another api in their page.tsx file(by usind userId), will all children pages also generate html on server in build time?

ekimdev
Автор

Interesting. Love learning new things for Next

bwustinbweem
Автор

Thank you so much, you explained every single thing. It was really helpful understanding easily. I have two questions. I set revalidate 60 seconds, when it's built, the static files will be generated. And then there are no users in 10 mins, then somebody comes to the page, does it generate users one more at this point, not every 60 seconds? If I come to think of performance, it should do work like this though.
and another question is that does it generate all static files when a user comes in after the revalidate time? Then it means that if there are 10000 users, it generates 10000 static files.
I'm not sure if I wrote questions correctly though, anyway, Thank you very much for the awesome video 👍

licokr
Автор

thanks. it helped a lot.
In addition, revalidation doesn't work for generateStaticParams, whether it's exported separetly or called for the fetch inside generateStaticParams. if you set dynamicParams to false which will only show pages with generated params you'll get a 404 for new pages after build.

rojahm
Автор

Can you make an video on how to deploy ISR to AWS-Amplify, I am stuck because SSG works but ISR does not. I don't seem to find any good resources on this topic. If there are, I would be happy about some links :)

drgregoryhouse
Автор

is there no way to revalidate dynamically rather than timer based? So create a new static page for new user only when the new user is added rather than regenerate static pages for all users?

ikbo
Автор

why should i use ISR if i have to revalidate pages every minute of seconds, shouldn't I just stick to SSR? and also we can use revalidate() function in SSR and i think we are good to go.

vishalsangole
Автор

heres some quetions.
is ISR "SSG generator" ?
is ISR NextJS version of SSG?
why should i be using ISR for short validation time, and why should i use ISR for long revalidation time if i can use SSG?
if set revalidate to 3day, is that mean after every 3days new build will be generated ?

vishalsangole
Автор

I'm glad that you're using typescript by default!

Zagoorland