React Server Components Crash Course with Next.js
💡 Got interested in working with Server Components but wanna see it working on the wild? Or wondering how React Server Components play their role together with the new Next.js App Router? Let's go for a ride while I refactor this app I built on Next.js 13 to the new APIs available now.
00:00 - Introduction
00:11 - Mental Model Change
00:33 - IMDB Clone Overview
00:46 - Xata Database
00:58 - Server Components
01:42 - Leaner bundles
02:11 - Shifting the data-fetching mental model
03:07 - Component-based data-fetching
04:24 - Data Collocation
06:06 - XMDB App Dive
07:15 - Suspense Boundaries
08:13 - Separate Pages
09:25 - Client Components
10:52 - Refactoring Metadata
11:30 - Movie Route Metadata
12:49 - Route Handler