Learn Next.js 15 Caching & Rendering using the App Router. This tutorial is designed for developers who want a clear, engineering-level understanding of how Next.js optimizes performance through smart rendering strategies and layered caching.
❤️ Support for this channel comes from our friends at Scrimba – the coding platform that's reinvented interactive learning: https://scrimba.com/freecodecamp
⭐️ Contents ⭐️ ⌨️ (0:00:00) Intro ⌨️ (0:02:19) What is Caching ⌨️ (0:03:15) Rendering Strategies - SSG SSR ISR CSR ⌨️ (0:08:31) React Client & Server Components - Hydration ⌨️ (0:13:32) RSC Payload ⌨️ (0:16:22) How Rendering works in Next.js ⌨️ (0:17:11) Why Caching Strategies ⌨️ (0:19:34) Discover Caching Strategies ⌨️ (0:26:42) 3W & 3H Framework ⌨️ (0:29:14) Request Memoization Example ⌨️ (0:42:52) Request Memoization Summary with Animation ⌨️ (0:45:12) Request Memoization - 3W & 3H Question Answers ⌨️ (0:47:13) Request Memoization - Points to Remember ⌨️ (0:48:41) Data Cache Example ⌨️ (0:58:02) Data Cache Summary with Animation ⌨️ (1:02:41) Data Cache - 3W & 3H Question Answers ⌨️ (1:05:51) Data Cache - Points to Remember ⌨️ (1:08:34) Full Route Cache Example ⌨️ (1:16:09) Full Route Cache Summary with Animation ⌨️ (1:18:07) Full Route Cache - 3W & 3H Question Answers ⌨️ (1:21:21) Full Route Cache - Points to Remember ⌨️ (1:21:38) Router Cache Example ⌨️ (1:31:53) Router Cache Summary with Diagram ⌨️ (1:33:06) Router Cache - 3W & 3H Question Answers ⌨️ (1:35:57) Go through the Documentation ⌨️ (1:37:32) unstable_cache & use cache ⌨️ (1:40:21) Wrap Up
🎉 Thanks to our Champion and Sponsor supporters: 👾 Drake Milly 👾 Ulises Moralez 👾 Goddard Tan 👾 David MG 👾 Matthew Springman 👾 Claudio 👾 Oscar R. 👾 jedi-or-sith 👾 Nattira Maneerat 👾 Justin Hual
