MIT Sloan AI Adoption: Build a Playbook That Drives Real Business ROI
Live Online Classes in Design, Coding & AI — Small Classes, Free Retakes
Overview
Google, IBM & Meta Certificates — All 10,000+ Courses at 40% Off
One annual plan covers every course and certificate on Coursera. 40% off for a limited time.
Get Full Access
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