The Four Levels of Caching in Next.js

#nextjs #react #javascript #typescript #caching

⏰ Timeline
00:00 - 00:29 Intro
00:30 - 1:02 4 Different Levels of Caching
1:03 - 2:31 - Request Memoization
5:11 - 11:56 - Different Data Fetching
Mechanisms in Data Cache
11:57 - 16:26 - Purge Cache and Revalidate
Data in Server Actions

🔗 RESOURCES:

💌 Frontend Newsletter:
If you liked this video, you will also love my newsletter Frontend Snacks. You will learn a new topic each week with cool visuals and snippets, the latest frontend news and behind-the-scenes exclusive updates that I don't share anywhere else.

☎️ Book a 1:1 coaching session with me

🐤 Find me here

[Kulkarniankita]

So what are some burning questions you have about caching? Or Next in general? Comment below and let me know!

[nizamuddinbabu]

Thank you so much for explaining such a complex topic in such a simple way.

[Solo_playz]

You're the only one who cover any of the topic from NextJs deeply 🔥

You're 🫵🏼 channel is like a video repentattion document 👀 of NextJs 👏🏼🎉
Thank you ankita madam ❤

[oladimejicoder]

Thank you, this has been very helpful

[JaykrushnaDas-vq]

I learned a couple of new things from this video, Thank you so much for making such content🙏🙏

[mrityunjaysinha]

Thanks to make it simple to understand 😊

[oladimejicoder]

Thank you very much Ankita, this is very helpful

[Arindam_]

Really Great Content

Thanks a lot for sharing this

[asfandyar]

Thanks Mam you explained it very nicely.

[hareshlakhwani]

Great video yesterday only I started learning Next.js but as sr developer I have one big question how does Next.js works under the hood what exactly it’s doing if you can make full in depth video in that would be helpful

[sai]

Hi Ankita do on the loading with template tsx when refresh the page loader to apply and also on page navigation also I am eagerly waiting for this to implement in my project.I like ur way of explanation and I am now ur subscriber

[carlosterrazas]

When you do a fetching or a prism within a server actions, is it cached?

[rohitkochikkatfrancis]

Hey ankita, i am very much confused with using the USE SERVE and USE CLIENT and mixing and matching RSC with server actions, etc.

Could you please make a video to cover all that ?

[pavankarthik]

Hey Ankita, Can you make a video on how to properly and securely make api calls in either React or NextJs which is to be used for production.

[BeastK]

*Thanks* alot for this simplified and detailed explanation.

Respected Ma'am,
What happens when there are 2 users, hiting the API 1st user gets new data, but what happens if 2nd user comes after revalidation period ??

[hossainopi]

Any tips for speeding up next.js image loading? Tried various optimizations like sharp, resizing, and quality adjustments but still facing slow loading times despite small image sizes (37kb). Any suggestions?

[sai]

Here in nextjs we can use only Link tag there is no use of anchor tag in nextjs is it correct