Как сделать модальное окно на nextjs с помощью параллельных роутов, которое не закрывается при перезагрузке?

Question

[Flawles7]

хочу сделать модальное окно с помощью параллельных роутов, которое не будет закрываться при перезагрузке страницы, то есть когда я его открываю и перезагружаю страницу, оно снова открывается, точно как в https://dodopizza.ru/peterburg/product/beef-n-saus...
подскажите пожалуйста как сделать такое или где можно найти примеры

Comments

[szQocks]

сам я именно такую реализацию не делал, но могу подсказать в каком направлении думать

динамические роуты в помощь, это просто отображение товара, только его вывели через портал в модалку ( примеров нет, а самому делать лень ) динамические роуты

либо необязательные пути , типа как /*, и через отслеживание параметров и так же через портал в модалку выводит компонент

ну и всегда эта барахло можно загуглить - "dynamic-routes in modal" в поиск браузера вбей и будет какой-никакой результат

Answer 1

[Михаил Р.]

How to Create Modals with Unique Routes in Next.js...
Parallel Routes - Modals
Parallel route modal using Next.js
Так же, можно писать в состояние->localStorage isOpenModal, если при загрузки страницы оно true - сразу показываем окно.

Comments

[szQocks]

Parallel Routes - Modals

а там даже в нексте есть уже всё готовое решение для этой задачи, это конечно лучше чем то что посоветовал в комментарии через динамические

[Михаил Р.]

szQocks, да, и примеров в гугле уже достаточно

[Flawles7]

Михаил Р., посмотрел примеры, везде при обновлении страницы открывается модальное окно поверх пустой страницы, не могу найти, как сделать так, чтобы модальное окно, как и до перезагрузки было поверх каталога