როგორ მუშაობს ფაილზე დაფუძნებული მარშrutingnig App Router-ში?

Question

Accepted Answer

App Router-ში, **`app/` შიგნით ის ფოლდერის სტრუქტურა განსაზღვრავს თქვენი რუტებს** — არ არის საჭირო რაიმე router კონფიგურაცია დაწეროთ. თითოეული ფოლდერი არის URL სეგმენტი, და მის შიგნით სპეციალური ფাილები განსაზღვრავენ, თუ რა რენდერდება ამ სეგმენტში. ## ფოლდერები = 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) ``` ## სპეციალური ფაილები თითოეული ფოლდერი შეიძლება შეიცავდეს დამაკავშირებელი ფაილის სახელებს, თითოეულს აქვს კონკრეტული როლი: ```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) ``` ## დინამიური სეგმენტები ```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" } ``` კვადრატული ფრჩხილები ქმნიან დინამიურ პარამეტრს, რომელიც გადაიცემა გვერდზე `params`-ის საშუალებით. ვარიაციები: `[...slug]` (catch-all), `[[...slug]]` (optional catch-all). ## რუტების ჯგუფები და ორგანიზაცია ```text app/(marketing)/about/page.tsx → /about (the (marketing) folder is ignored in the URL) ``` ფრჩხილები ქმნიან **route groups**-ებს ფაილების ორგანიზაციისთვის ან სხვადსხვა layout-ების გამოყენებისთვის ყოველ URL-ის გავლენის გარეშე. ## რატომ არის ეს მნიშვნელოვანი ფაილზე დაფუძნებული routing ხდის URL სტრუქტურას აშკარას ფაილების ხის მიხედვით — არ არის ცენტრალური route კონფიგურაცია, რომელიც უნდა მოვახდინოთ და სინქრონიზებული ვინახოთ. სპეციალური ფაილის სახელების (`page`, `layout`, `loading`, `error`, `route`) და ფრჩხილების კონვენციების (`[param]`, `[...catchAll]`, `(group)`) ცოდნა არის App Router აპ-ის ნებისმიერი აგების ძირითადი ლექსიკა.