Výchozí rozvržení v NextJS

V předchozí lekci jsme zjistili, že bychom měli mít společné rozvržení webu, do kterého se vkládá obsah, titulek a meta popis stránky. V NextJS je již ve výchozím nastavení soubor s obecným rozvržením webu. Nachází se v souboru app/layout.jsx.

Po instalaci již soubor s rozvržením obsahuje nějaký kód. Tento kód však obsahuje mnoho nadbytečného. Pojďme vytvořit minimální rozvržení webu, ve kterém se snadno zorientujeme. Pro tento účel otevřete soubor s rozvržením, odstraňte z něj vše a vložte následující:

app/layout.jsxexport const metadata = {
  title: 'Test site',
  description: 'This is my page description.',
};

export default function RootLayout({children}) {
  return (
    <html lang="en">
      <body>
        {children}
      </body>
    </html>
  );
}