Dive into a comprehensive video tutorial on Next.js 13, exploring its new features including the app directory structure, routing, React Server Components, client components, layouts, and more. Learn how to set up and structure your Next.js project, create nested routes, implement layouts, and utilize the Metadata API. Discover the power of React Server Components and understand when to use client-side rendering. Master data fetching techniques, create custom loading pages, and work with dynamic routes. Explore advanced concepts such as Suspense boundaries, caching, and revalidating data. Gain hands-on experience with API route handlers, serving and fetching course data, and handling search parameters. Refactor server components to client components and build a functional search component. Access provided code examples, timestamps, and additional resources to enhance your Next.js 13 development skills.
Next.js 13 Crash Course - App Directory, React Server Components & More
Overview
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
