Overview
Learn how to build a Next.js Modal using Parallel & Intercepting Routes and the shadcn/ui Dialog component in this comprehensive tutorial. Explore the integration of Next.js routing features to create a modal with fallback route segments. Follow step-by-step instructions to set up a starter project, add shadcn/ui, create parallel and intercepting routes, and implement a modal using the Dialog component. Gain insights into applying the modal, handling forms within it, and leveraging Next.js routing capabilities for enhanced user interfaces.
Syllabus
Intro
Welcome
Motivation
Overview & Prerequisites
Starter Project
Run the project
Adding shadcn/ui
Component review
Create a Parallel Route
Create the Intercepting Route
Create the Modal with shadcn/ui
Applying & Viewing the Modal
Forms in a Modal
Taught by
Dave Gray