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í:
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 výchozí obsah v hlavním rozvržení webu.
