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