Routage avancé — parallèle + interception
Deux patterns du App Router de Next.js. Les routes parallèles sont câblées de bout en bout — voir la démo @slot parallèle. Les routes d'interception sont reconnues par le scanner pour ne pas masquer les vraies URL, mais la distribution basée sur le référent est encore à venir.
Astuce
Les groupes de routes (nom) sont entièrement fonctionnels et différents de l'interception : le nom du dossier est simplement supprimé de l'URL, sans logique de référent. Utilisez-les librement pour organiser vos routes sans modifier les chemins publics.
Statut : Le slot parallèle
@slot est rendu en parallèle avec la page principale et transmis au layout le plus profond comme prop nommée. Les marqueurs d'interception (.)dossier sont reconnus par le scanner pour ne pas masquer les vraies URL ; la substitution basée sur le référent n'est pas encore implémentée.// Parallel routes — @slot folders render alongside the main page
src/app/
├── layout.tsx // receives { children, modal } as props
├── page.tsx
└── @modal/
└── page.tsx // a slot, not a URL — /@modal returns 404
// Intercepting routes — (.)folder markers are scanner-safe today
src/app/photo/[id]/page.tsx // /photo/123 → normal photo route
src/app/feed/(.)photo/[id]/page.tsx // recognised, but referrer-dispatch not yet wiredCe qui fonctionne aujourd'hui
- Routes parallèles :
@slot/page.tsxest rendu en parallèle avec la page principale ; le layout le plus profond le reçoit comme prop nommée. En direct dans la démo parallèle. - Routes d'interception :
(.)dossier/(..)dossier/(...)dossiersont reconnus pour ne pas masquer les vraies routes — mais la distribution consciente du référent (le pattern modal-depuis-feed de Next.js) n'est pas encore implémentée. - Les groupes de routes
(nom)(différents de l'interception !) continuent de fonctionner — le nom du dossier est supprimé de l'URL, le contenu est rendu normalement.