Wildpics

Overview:

This is a demo application built with Next.js 13 to showcase the usage of intercepting routes and parallel routes feature. The purpose of this application is to demonstrate how to load a route within the current layout while keeping the context for the current page.

Features:

• Intercepting Routes: The application allows for intercepting a certain route to show a different route while maintaining the context of the current page.
• Parallel Routes: The demo showcases the ability to load a route within the current layout, without reloading the entire page.
• Modal Overlay: The application includes a modal overlay feature that displays an image of an animal within the gallery page.

Installation:

To install and run the demo application, follow these steps:

1. Clone the repository:

git clone https://github.com/JaleelB/wildpics.git

2. Install packages:

cd wildpics
npm install

3. Run the application:

npm run dev

4. Deploy the application to Vercel:

npm run deploy

Summary:

The Next JS 13 Intercepting + Parallel Routes Demo is a demo application built with Next.js 13 to showcase the intercepting routes and parallel routes features. It demonstrates how to load a route within the current layout while maintaining the context of the current page. The application includes features such as intercepting routes, parallel routes, and a modal overlay. To install and run the application, you can clone the repository, install the required packages, and run the application locally.