URL на два режима, modal поверх списка и SEO detail page в Next.js App Router

Дата публикации: 13-10-2026 14:43:49

Карточка в каталоге обычно ведёт на detail page. Для прямого перехода нужен отдельный URL вроде /events/123. Для просмотра нескольких карточек подряд удобнее оставить список на экране и открыть detail поверх него. Если modal хранится только в useState, адрес страницы не меняется. Прямую ссылку на открытый объект получить нельзя. После reload остаётся список, а поисковый робот видит только исходную страницу.
App Router поддерживает другую схему. Один detail URL открывается как modal при client-side переходе из списка и как обычная страница при прямом запросе или reload. Для этого используются Parallel Routes и Intercepting Routes. Next.js описывает тот же паттерн для modal поверх gallery или другого списка. В учебном EventMap этот маршрут используется для событий. Читать далее

Схожие новости

#	Наименование новости	Тональность	Информативность	Дата публикации
1	[Перевод] Вышел Next.js 16.4	0	8.36	07-10-2026
2	Я обошёл 17 тысяч сайтов рунета одним обходчиком. Вот что в них внутри	0	13.28	14-10-2026
3	Specify — open‑source Framer на спеках	0	22	15-10-2026
4	Sitemap structure: How to strengthen yours for SEO and AEO	0	11.12	09-07-2026
5	Почему HTTP‑вызов не укладывается в таймаут: очереди, ретраи и asyncio	0	8.52	14-10-2026
6	Как фронтенд‑команде сделать мобильное приложение без нативных разработчиков	0	7	15-10-2026
7	От SEO до ИИ-покупателя: как нейросети перестраивают digital-рынок	0	19.5	16-10-2026
8	Зачем нужен SEO-аудит сайта и как он влияет на продажи в 2026 году	0	12.22	04-08-2026
9	Навигатор от «Яндекса» начал давать более наглядные подсказки о манёврах	0	12.4	12-05-2026
10	Вы подменили User-Agent, и сервер всё равно знает, что это curl. Он понял это до того, как получил заголовки	0	8.59	31-08-2026

Классификация: . Схожих патентов: 0. Схожих новостей: 10. Тональность: 0. Информативность: 6.38. Источник: habr.com.