/nextgram-with-page-transitions

A sample Next.js app showing dynamic routing with modals as a route AND page and modal transitions.

Primary LanguageTypeScript

NextGram with modal and page transitions

This is a fork of the sample Next.js application that takes advantage of the advanced routing capabilities, sprinkled with animations using framer-motion.

The photo route can be attached to two distinct components:

  1. When navigating within the application, it is rendered as a modal
  2. When the page is refreshed, it is rendered as a standalone page

Thanks

To everyone discussing about the issue and providing useful solutions and hints, see the issue here vercel/next.js#49279

Try it Yourself

Demo

https://nextgram-with-page-transitions.vercel.app

Deploy with Vercel

Locally

git clone https://github.com/npostulart/nextgram-with-page-transitions.git
cd nextgram/
pnpm install
pnpm dev