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:
export const metadata = {
title: 'Test site',
description: 'This is my page description.',
};
export default function RootLayout({children}) {
return (
<html lang="en">
<body>
{children}
</body>
</html>
);
}
Opravte predvolený obsah v hlavnom layoute stránky.
