Layout — это компонент layout.tsx, который оборачивает страницы и вложенные сегменты. Главная фишка — layouts не перерендериваются при навигации между дочерними страницами. Root layout обязателен и содержит html/body теги. Layouts вкладываются друг в друга: app/dashboard/layout.tsx оборачивает все страницы внутри dashboard/. Это идеально для sidebar, header, навигации — они сохраняют состояние при переходах. Layout получает children как проп и может быть async для серверного фетчинга.

Как работают layouts в Next.js App Router?