Predvolený layout v NextJS

V predchádzajúcej lekcii sme zistili, že by sme mali mať spoločný layout stránky, do ktorého sa vkladá obsah, titulok a meta-popis stránky. NextJS už má predvolený súbor so spoločným layoutom stránky. Nachádza sa v súbore app/layout.jsx.

Po inštalácii už súbor s layoutom obsahuje nejaký kód. Tento kód však obsahuje veľa nadbytočného. Vytvorme minimálny layout stránky, v ktorom sa ľahko zorientujeme. Preto otvorte súbor s layoutom, odstráňte z neho všetko a vložte nasledujúce:

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>
  );
}