Skip to content

A Next.js App to show famous quotes built using Parallel Routes and Route Interceptor

Notifications You must be signed in to change notification settings

tapascript/next-quotes

Repository files navigation

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:

main

🫶 Support

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

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

Thanks to all stargazers

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

quote-list

The Modal

quote-modal

Learn More

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