Rutele interceptate (Intercepting Routes) permit încărcarea unei rute din interiorul altei părți a aplicației mascând vizual conținutul ca o fereastră modală, fără a pierde contextul paginii curente. Când pagina este accesată direct prin link sau la reîncărcare (F5), se afișează pagina completă dedicată.
Structură Directoare:
app/
├── feed/
│ ├── page.tsx
│ └── (..)poza/
│ └── [id]/
│ └── page.tsx # Se deschide ca fereastră modală suprapusă peste feed
└── poza/
└── [id]/
└── page.tsx # Se deschide ca pagină completă de sine stătătoareExperiență Utilizator: Utilizatorul poate partaja URL-ul direct (care deschide imaginea pe tot ecranul), dar în cadrul navigării pe site deschiderea este instantanee și contextuală (ca pe Instagram sau Pinterest).
Convenții de Interceptare
(.): Interceptează segmente situate la același nivel ierarhic.(..): Interceptează segmente situate cu un nivel mai sus.(..)(..): Interceptează segmente situate cu două niveluri mai sus.(...): Interceptează segmente din rădăcina directoruluiapp/.
Întrebări & Exemple de Cod:
Rute Interceptate – Ferestre Modale și Navigare ContextualăAi o nelămurire despre utilizarea comenzii
Rute Interceptate – Ferestre Modale și Navigare Contextualăsau ai descoperit un truc / fragment de cod util? Distribuie-l cu ceilalți programatori!Fii primul care pune o întrebare sau distribuie un fragment de cod / prompt!
Nu au fost adăugate încă întrebări sau exemple de cod pentru această pagină. Dacă ai întâlnit o problemă sau ai un snippet util, adaugă-l mai jos pentru a-i ajuta pe ceilalți.