Këto janë dy veçori të avancuara të App Router-it për imazhime të sofistikuara të ndërfaqes së përdoruesit. Ata ndajnë sintaksën e konvencës së dosjeve.
Rutët paralele lejojnë që një plan të rendojë shumë "slote" rute të pavarura në të njëjtën kohë, secila me gjendjen e vet të ngarkimit/gabimit. Ju përcaktoni slotet me dosje @name:
app/
layout.tsx
@team/page.tsx → a slot
@analytics/page.tsx → another slot
// app/layout.tsx — slots are passed as named props
export default function Layout({
children,
team, // ← @team slot
analytics, // ← @analytics slot
}: { children: React.ReactNode; team: React.ReactNode; analytics: React.ReactNode }) {
return <><nav /> {children} <aside>{team}{analytics}</aside></>;
}
Sekull slot shkon dhe ngarkohet në mënyrë të pavarur — e shkëlqyer për panelet komande ku panelet përditësohen veç e veç, ose shfaqja e dy seksioneve njëherësh.
Rutët përthithëse ju lejojnë të "kapni" një navigim dhe ta rendoni atë në kontekstin aktual (p.sh. një modal) në vend të një faqeje të plotë — ndërsa ende keni një URL të vërtetë dhe të ndarë.
app/feed/page.tsx
app/feed/(..)photo/[id]/page.tsx → intercepts /photo/[id] when navigated from the feed
app/photo/[id]/page.tsx → the full page (on direct visit / refresh)
Click a photo in the feed → opens as a MODAL over the feed (intercepted), URL = /photo/123
Refresh or share that URL → renders the FULL photo page (no interception)
Markerët e përthithjes ((.) e njëjta nivel, (..) një lart, (...) rrënja) kontrollojnë se cili segment përthithet. Kjo është pikërisht se si funksionon modeli "Instagram-style — fotoja hapet në një modal por ka URL-in e vet".
Rutët paralele mundësojnë plane komplekse me ngarkime të pavarura me shumë dritare (panele komande) në mënyrë të pastër; rutët përthithëse sigurojnë modelin "modal me një URL të vërtetë" (i ndarë, i sigurt për freskimin, i miqësor me butonin e kthimit) që përndryshe është i vështirë për tu ndërtuar.
Ato janë të avancuara, por zgjidhin probleme të vërteta të UX-it — panele të pavarura dhe mbivendosje kontekstuale — të cilat më parë kërkoheshin punë të konsiderueshme manuale të rutimit/gjendjes.