Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Next.js 13 Crash Course - App Directory, React Server Components & More

Traversy Media via YouTube

Start learning Write review
Boot.dev Ad

Learn Backend Development Part-Time, Online

Learn More → Coursera Ad

Learn AI, Data Science & Business — Earn Certificates That Get You Hired

Learn More →

Overview

Google, IBM & Meta Certificates – 40% Off
One Coursera Plus subscription covers most Professional Certificates on Coursera.
Unlock All Certificates
This crash course teaches Next.js 13 and its App Router through project setup, routing, layouts, metadata, React Server and client components, data fetching, caching, and API route handlers.

Syllabus

- Intro
- Setup & File Structure
- Homepage & Clean Up
- Routing System
- Nested Routes
- Layouts
- Metadata API
- next/font/google
- Header Component
- React Server Components
- use client
- Data Fetching
- ReposPage Output
- Custom Loading Page
- Dynamic Routes
- params Prop
- Repo & RepoDir Component
- Suspense Boundaries
- Caching & Revalidating
- API Route Handlers
- Serving Course Data
- Fetching Course Data
- Getting Search Params
- Getting Body Data
- Refactor Server to Client Component
- Search Component

Taught by

Traversy Media

Reviews

Start your review of Next.js 13 Crash Course - App Directory, React Server Components & More

Start learning

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.