Що таке сегменти маршруту в Next.js?

У Next.js сегменти маршруту - це частини URL, які відповідають папкам у app/ і формують шлях сторінки.

Простіше:

Кожна папка = один сегмент URL

---

#Базове поняття

URL:

Сегменти:

Їх джерело:

---

#Види сегментів маршруту

#1. Статичні сегменти

Звичайні папки:

• завжди один і той самий URL
• найпростіший тип

---

#2. Динамічні сегменти

Папки в квадратних дужках:

• [slug] - параметр маршруту
• значення приходять з URL

---

#3. Catch-all сегменти

Ловлять кілька сегментів:

URL:

• /docs/a
• /docs/a/b/c

---

#4. Optional catch-all сегменти

Сегменти можуть бути відсутні:

URL:

• /docs
• /docs/react
• /docs/react/hooks

---

#5. Route Groups (не URL-сегменти)

Папки в круглих дужках:

• не формують сегмент URL
• використовуються лише для структури проекту

---

#6. Паралельні сегменти

Іменовані слоти для UI:

• @stats - сегмент UI, а не URL
• використовується для складних layout'ів

---

#Як сегменти використовуються всередині Next.js

#Передача параметрів

---

#Керування layout'ами

• кожен сегмент може мати свій layout.tsx
• layout успадковується вниз по дереву

---

#Кеш і рендеринг

• сегмент = межа кешу
• Next.js може оновлювати частини сторінки незалежно

---

#Часті помилки

• плутати route groups з URL
• очікувати маршрут без page.tsx
• неправильно використовувати catch-all

---

#Коротка відповідь для співбесіди

Сегменти маршруту в Next.js - це частини URL, що відповідають папкам у app/. Вони можуть бути статичними, динамічними, catch-all або службовими і використовуються для формування URL, layout'ів і логіки рендерингу.