More Premium Hugo Themes Premium Nextjs Themes

Next Intercepting Routes Demo

A simple implementation of preview modals with next intercepting & parallel routes

Next Intercepting Routes Demo

A simple implementation of preview modals with next intercepting & parallel routes

Author Avatar Theme by krishnerkar
Github Stars Github Stars: 28
Last Commit Last Commit: Apr 11, 2023 -
First Commit Created: May 5, 2023 -
Next Intercepting Routes Demo screenshot

Overview

The new features in Next 13.3 allow for the implementation of preview modals that show the main content on refresh. This is a popular feature seen on websites like Product Hunt.

Features

  • Preview Modals: With Next 13.3, users can now have preview modals that display the main content on page refresh.
  • Intercepting Routes: The new version of Next.js allows for the interception of routes to enable the functionality of preview modals.
  • Parallel Routes: Next 13.3 supports parallel routes, which makes it possible to have different versions of the content to be previewed.

Installation

To install the Next 13.3 theme, follow these steps:

  1. Clone the repository.

    git clone [repository-url]
    
  2. Install the required packages.

    npm install
    
  3. Run the application.

    npm run dev
    
  4. Deploy the application to Vercel.

    npm run deploy
    
  5. Deploy the application with Vercel.

    vercel deploy
    

Summary

The new features of Next 13.3 allow for the implementation of preview modals, where the main content can be shown on page refresh. This feature is commonly seen on popular websites like Product Hunt. The process of installing the Next 13.3 theme involves cloning the repository, installing the required packages, running the application, and deploying it to Vercel.