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

YouTube

Next.js Client Components - Build a Small Project with Nextjs 13

Dave Gray via YouTube

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
Learn when to use Next.js client components and build a small project with Next.js 13 in this comprehensive tutorial. Create a new project, integrate Tailwind CSS, and develop a dynamic layout with a navbar. Explore client components, implement dynamic routing, and create functions to fetch and display Wikipedia results. Define custom types, generate metadata, and create reusable components for efficient data presentation. Enhance user experience by adding error and loading pages, and gain insights into identifying different component types. Follow along to develop a practical understanding of Next.js 13 features and best practices for building modern web applications.

Syllabus

Intro
Welcome
When to use client components
Create a new Next.js project
Add Tailwind CSS to the project
Parent page clean up
Navbar and layout
Client Component
Add a Dynamic Route
getWikiResults function
Defining types
Displaying the results
Generating Metadata
Item component
Results with the Item component
Adding error and loading pages
Identifying component types

Taught by

Dave Gray

Reviews

Start your review of Next.js Client Components - Build a Small Project with 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.