What are layouts in Next.js App Router?

Layouts are reusable UI structures that wrap multiple pages inside the App Router. They allow developers to share common elements such as navigation bars, sidebars, headers, and footers without recreating them on every page. Layouts preserve state during navigation because they do not re-render unnecessarily when moving between child routes.