Какой роутер использовался на проекте? (App Router vs Pages Router)

Question

App Router — это новая, основанная на React Server Components модель на базе папки app/, которая предлагает вложенные layouts, упрощенное получение данных и более богатые возможности. Pages Router — это более старая, стабильная модель на базе папки pages/, которая хорошо известна и до сих пор широко используется.

YeaHub · Accepted Answer

Next.js предлагает две параллельные системы маршрутизации.Pages Router (Старая модель):Структура: Маршруты определяются файлами в папке pages/. pages/about.js -> маршрут /about.Данные: Используются специальные функции (getServerSideProps, getStaticProps).Layouts: Layouts реализуются вручную путем обертки компонентов.Статус: Полностью поддерживается, но не получает новых функций.App Router (Новая, рекомендуемая модель):Структура: Маршруты определяются вложенными папками в app/. app/about/page.js -> маршрут /about.Данные: Используются Server Components и асинхронные компоненты.Layouts: Встроенная поддержка вложенных layouts через файлы layout.js.Новые возможности: Server Components, Server Actions, Streaming, Parallel Routes, Intercepting Routes.Выбор:Для новых проектов рекомендуется использовать App Router.Существующие проекты на Pages Router могут продолжать работать и постепенно мигрировать.