Next.js 16 · Routing and files

Create a layout

A layout wraps its pages and persists across navigation.

export default function Layout({ children }: { children: React.ReactNode }) {
  return <section>{children}</section>;
}

Official Next.js 16 documentation

More routing and files commands

All routing and files commands · Next.js 16 cheatsheet

Was this page helpful?