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

YouTube

Next.js Data Fetching, Dynamic Routes & Metadata - Nextjs 13

Dave Gray via YouTube

Overview

Explore Next.js 13 data fetching, dynamic routes, and metadata in this comprehensive tutorial video. Learn to create server components for parallel data fetching, implement dynamic routing with parameters, and generate both static and dynamic metadata. Discover best practices for data fetching in Next.js, including the four key recommendations. Follow along as the instructor guides you through creating a new project, setting up components, and progressively rendering pages with Suspense. Gain practical insights into console statements in server components, running a Next.js app, and addressing temporary TypeScript issues. By the end of this 43-minute lesson, master the essential concepts to enhance your Next.js 13 development skills.

Syllabus

Intro
Welcome
Next.js Update
Create New Project | Note Changes
Static Metadata
Quick Setup
4 Next.js Data Fetching Recommendations
Users Page component
Console statements in Server Components
Running the Next.js App
Dynamic Routes & Params
Fetching Data in Parallel
Progressively Rendering a Page
BetaDocs note: Temporary TS fix
Review & Running the App
Generating Dynamic Metadata

Taught by

Dave Gray

Reviews

Start your review of Next.js Data Fetching, Dynamic Routes & Metadata - Nextjs 13

Never Stop Learning.

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

Someone learning on their laptop while sitting on the floor.