Next.js query params inside getStaticProps (Incremental Static Regeneration)? One alternative...

----
----

---- Timeline
00:00 Introduction
01:22 Introduction to ISR (Incremental Static Regeneration)
05:05 Solution
06:05 Headers that will form the solution
07:15 s-maxage timeline
08:16 s-maxage + stale-while-revalidate timeline
08:56 s-maxage + stale-while-revalidate=60 timeline
11:06 Problems to be aware - IMPORTANT!!!
15:00 With great power comes great responsibility
15:26 Problems Summary
15:54 Demo
----

----
Follow me on:

[zakariamofaddel]

Bruno, I've spent a lot of time watching learning content and I can safely say you are one of the best teachers out there! Keep grinding, I can see 100K subscribers coming soon :D

[tomshieff]

I love all the small corrections you add to your videos, even the Spider-man one xD
Really talks about how much you care about giving useful information.
Thanks Bruno!

[justinlin]

You are really one of the best teachers ever!

[mateuemiliano]

Thank you Bruno for such amazing explanation!

[DEV_XO]

Yo mate, this content its absolutly amazing! Do you have more of this kind of tricks for nextjs? this kinds of videos are just great!
Nice content!

[ElizabethManrique]

Yoo! Such a great explanation. Thank you, so much for putting this together!

[sergiob]

Hi Bruno.
Great solution!
thanks for sharing

[sergey-investing]

Very efficient approach, thanks a lot.

[mooder]

What a great content 👌

I wish you make some videos about internationalization and getting the localization data from back end you litrally covered every thing about next js except this so important and big topic

[nartaryt]

thank you Bruno Great tutorial again 😊😊😊

[leanprogrammer]

Great video! Even with cache control set, getStaticProps is about 6-8 times faster than getServerSideProps.. 100ms vs 800ms on average.

[mkroven]

Thanks. Any clue about working around the problem u mentioned, generating cdn without private data ?

[mrf]

Thank you so much Bruno!! This was really helpful!
I have one problem and is that Vercel seems to be overwriting the Cache-Control header... do you know how to fix this?

[akmaludin]

hi, Bruno can i ask about how to use http2 protocol in nextjs?

[arcadan]

Sou BR mas vai no inglês: I consider myself a newbie with NextJS and it's hacks, and I'm trying to understand what are the use cases for this query? I want to make a search box that will fetch just the name of movies from it's APU, but i wonder if it brings any problem... PLUS i guess you could do a small project using this feature rather than explaining how it works, the explanation take a lot of time!! Thanks for attention, I appreciate it a lot, and you got a new sub ! Thanks !

[evandorezende]

is middleware an alternative solution? .. i mean.. one could encode the query params with the handle and then decode it on getStaticProps.. would like to know your toughts on that. Also, nextjs has a note on their doc to use middleware in case you need query params on getStaticProps. i appreciate your content here, well done👍👍👍

[joggienl]

Hey Bruno, thanks for this great explainer!

I've got a question about the possible problems part, you mentioned "headers" on the site. I wanted to be sure if you meant "headers _generated_ on the site, like an H1" and not http-headers?

Thanks!

[alexkey]

Great explanation! Can I ask, so if I have already authenticated users that I already stored in cookie session, will this approach be wrong? This technique only works if nothing "sensitive" is stored in headers? If that's the case, would it be better to use getStaticProps to get initial data and then do the filtering on client side using apollo and have cache: new InMemoryCache() to avoid over-fetching?

[alitonoliveira]

Do those possible problems also apply to getStaticProps?

[akbarchannel]

hi mas Bruno, im new in this tech. i learn next + redux. maybe next i can see on your video. my question, which is better to save our token or userdata from BE, how to protect routes, how to handle 404 routes but no reload pages. im very amaze with your explaining & your clear voices. (sorry my worst english, :D)