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

YouTube

Next.js Modal with Parallel and Intercepting Routes Using shadcn/ui Dialog

Dave Gray via YouTube

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

Reviews

Start your review of Next.js Modal with Parallel and Intercepting Routes Using shadcn/ui Dialog

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.