/next-modal-pages

For demonstration purposes only.

Primary LanguageJavaScript

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.