V App Routerju struktura map znotraj app/ définira vaše poti — ni treba pisati konfiguracije usmerjenika. Vsaka mapa je segment naslova URL, posebne datoteke pa znotraj nje definirajo, kaj ta segment upodobi.
app/
page.tsx → /
about/page.tsx → /about
blog/page.tsx → /blog
blog/[slug]/page.tsx → /blog/:slug (dynamic segment)
shop/(sale)/page.tsx → /shop (route group — parentheses don't add to URL)
Vsaka mapa lahko vsebuje rezervirana imena datotek, vsaka s posebno vlogo:
page.tsx → the route's UI (REQUIRED to make a segment routable)
layout.tsx → shared wrapper that persists across child routes
loading.tsx → loading UI (auto-wraps the page in <Suspense>)
error.tsx → error boundary for the segment
not-found.tsx→ 404 UI
route.ts → an API endpoint (instead of a page)
// app/blog/[slug]/page.tsx → matches /blog/hello, /blog/anything
export default function Post({ params }: { params: { slug: string } }) {
return <h1>Post: {params.slug}</h1>; // params.slug = "hello"
}
Oglatimi oklepaji ustvarijo dinamični parameter, ki se prosledi strani prek params. Variacije: [...slug] (zajami vse), [[...slug]] (izbirno zajami vse).
app/(marketing)/about/page.tsx → /about (the (marketing) folder is ignored in the URL)
Okrogli oklepaji ustvarijo skupine poti za organizacijo datotek ali uporabo različnih postavitev brez vplivanja na naslov URL.
Usmerjevanje na osnovi datotek naredi strukturo naslova URL očitno iz drevesa datotek — ni treba vzdrževati in usklajevati centralne konfiguracije poti.
Poznavanje posebnih imen datotek (page, layout, loading, error, route) in konvencij oglatih oklepajev ([param], [...catchAll], (group)) je osnovna besedna zaloga za gradnjo katere koli aplikacije App Routerja.