“use cache” NextJS’s latest take on data caching

NextJS 15 has three different ways to handle data caching. Let's take a look at all three ways to cache data in your React app to get the best performance you can.

Code: https://github.com/jherr/three-nextjs-caching-variations
CacheLife: https://nextjs.org/docs/canary/app/api-reference/functions/cacheLife
Our Journey With Caching: https://nextjs.org/blog/our-journey-with-caching

👉 ProNextJS Course: https://pronextjs.dev
👉 Don't forget to subscribe to this channel for more updates: https://bit.ly/2E7drfJ
👉 Discord server signup: https://discord.gg/ddMZFtTDa5
👉 VS Code theme and font? Night Wolf [black] and Operator Mono
👉 Terminal Theme and font? oh-my-posh with custom prompt and SpaceMono NF

00:00 Introduction
00:17 Why caching is important
02:00 #1 Pages router caching
05:14 #2 App router 15 caching
09:07 #3 DynamicIO caching
14:12 The Suspense “side effect”
15:06 The Per-Request Cache
16:59 Outroduction