How to Build a Shreable Modal Content with Intercepting Routes and Parallel Routes from the Next.js App Router?

The source code in this repository has been used to teach a Next.js topic.

Please find the video here:

🫶 Support

Liked it? You can show your support with a STAR(⭐).

Many Thanks to all the Stargazers who have supported this project with stars(⭐)

Sponsor My Work

I am an independent educator who creates meaningful projects to teach programming. You can support me further by sponsoring me on GitHub.

Running the app locally

First, install the dependencies

npm install
# or
yarn
#or
pnpm install

Then, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev

Open http://localhost:3000 with your browser to see the result.

The Quote List Page

The Modal

Learn More

To learn more about Next.js, take a look at the following resources:

• Full Stack With Next.js App Router - A Next.js App Router Playlist
• Next.js Documentation - learn about Next.js features and API.