13 Crash Course | App Directory, React Server Components & More

A complete crash course to NextJS version 13 and it’s new features such as the app directory structure, routing, React Server Components vs client components, layouts and more. Code: Original Crash Course: Blog Post: All Of My Courses: Deploy to Vercel for Free: Timestamps: 0:00 - Intro 2:32 - Setup & File Structure 5:22 - Homepage & Clean Up 7:12 - Routing System 10:02 - Nested Routes 11:04 - Layouts 13:37 - Metadata API 15:31 - next/font/google 19:10 - Header Component 21:19 - React Server Components 23:26 - use client 24:13 - Data Fetching 28:05 - ReposPage Output 31:47 - Custom Loading Page 34:16 - Dynamic Routes 35:30 - p