All Projects → exogen → next-modal-pages

exogen / next-modal-pages

Licence: other
For demonstration purposes only.

Programming Languages

javascript
184084 projects - #8 most used programming language

Next.js Modal Pages Demo

$ yarn
$ yarn start

How Does It Work?

  • Page updates in Next.js route transitions are performed by unmounting the previous page component and mounting the next one.
  • In _app.js, you have the ability to render additional content besides just the current page component (in fact you could skip rendering the page component entirely if you wanted).
  • So, this demo renders a component in _app.js that keeps track of the previously rendered page components. When the latest page is rendered and given a modal query param, the page is pushed onto a stack instead of completely replacing the previous one.
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].