Layout

Les layouts sont des composants qui vont englober une partie ou l’entiereté de votre application.
Chaque dossier, ou segment de route peut avoir son propre layout qui héritera du layout parent.
Les layouts ne se rendent qu’une seule fois et ne peuvent pas passer de props aux composants enfants.

/app
	page.tsx
	layout.tsx
  /about
    page.tsx

C’est typiquement à cet endroit qu’on mettra des composants partagés comme la navigation ou une sidebar par exemple.

const RootLayout = ({ children }) => {
  return (
    <div>
      <Nav />
      <div>{children}</div>
    </div>
  )
}
 
export default RootLayout