Как устроен App Router

App Router в Next.js 13+ — это файловая система маршрутизации, где структура папок определяет URL. Каждая папка в app — это сегмент пути.

Ключевые элементы:

• page.js — обязательный файл для отображения контента по маршруту
• layout.js — общий шаблон для вложенных маршрутов
• loading.js — UI загрузки (React Suspense под капотом)
• error.js — обработка ошибок

Пример структуры:

app/
  dashboard/
    layout.js  # Общий layout для /dashboard/*
    page.js    # /dashboard
    settings/
      page.js  # /dashboard/settings

Особенности:

• Серверные компоненты по умолчанию
• Поддержка вложенных layouts
• Автоматический code-splitting
• Streaming и Suspense для загрузки

Файловая маршрутизация заменяет pages/ и работает параллельно для постепенного перехода.