Skip to content

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

Notifications You must be signed in to change notification settings

npostulart/nextgram-with-page-transitions

 
 

Repository files navigation

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

About

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

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 90.2%
  • JavaScript 5.8%
  • CSS 4.0%