Conas a oibríonn an routáil bunaithe ar chomhaid sa App Router?

Question

Accepted Answer

San App Router, **sainmhíníonn an struchtúr fillteán taobh istigh de `app/` do routes** — níl aon chumrú router le scríobh. Is gach fillteán ina dhuilleog URL, agus sainmhíníonn na comhaid speisialta taobh istigh de cad a chuireann an tsegment sin in iúl. ## Fillteáin = deighiltí URL ```text 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) ``` ## Na comhaid speisialta Is féidir le gach fillteán ainmneacha comhaid dhíonta a bheith ann, gach ceann acu le ról ar leith: ```text 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 ) error.tsx → error boundary for the segment not-found.tsx→ 404 UI route.ts → an API endpoint (instead of a page) ``` ## Deighiltí dinimiciúla ```tsx // app/blog/[slug]/page.tsx → matches /blog/hello, /blog/anything export default function Post({ params }: { params: { slug: string } }) { return

Post: {params.slug}

; // params.slug = "hello" } ``` Cruthaíonn lúibíní cearnóga paraiméadar dinimiciúil a chuirtear ar an leathanach trí `params`. Athruithe: `[...slug]` (geal-geal), `[[...slug]]` (geal-geal roghnach). ## Grúpaí routes agus eagrúchán ```text app/(marketing)/about/page.tsx → /about (the (marketing) folder is ignored in the URL) ``` Cruthaíonn lúibíní **grúpaí routes** chun comhaid a eagrú nó leaganacha iomlána difriúla a chur i bhfeidhm gan an URL a bheith i bhfeidhm. ## Cén fáth a bhfuil sé tábhachtach Déanann an routáil bunaithe ar chomhaid an struchtúr URL soiléir ó an crann comhaid — gan aon chumrú routes láreolaíoch le coinneáil agus a choimeád i gcomhsheasmhachta. Bheith ar eolas ar na hainmneacha comhaid speisialta (`page`, `layout`, `loading`, `error`, `route`) agus ar na coinbhinsiúin bhracaide (`[param]`, `[...catchAll]`, `(group)`) is ea an stór focail bhunúsach ag tógáil aon app App Router.