Domyślny układ w NextJS
W poprzedniej lekcji dowiedzieliśmy się,
że powinniśmy mieć ogólny układ strony,
do którego wstawiana jest treść,
tytuł i metaopis strony.
W NextJS domyślnie istnieje już
plik z ogólnym układem strony.
Znajduje się on w pliku app/layout.jsx.
Po instalacji w pliku z układem znajduje się już jakiś kod. Ten kod zawiera jednak wiele zbędnych elementów. Stwórzmy minimalny układ strony, który będzie łatwy do zrozumienia. Aby to zrobić, otwórz plik z układem, usuń z niego wszystko i wstaw następujący kod:
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>
);
}
Popraw domyślną zawartość w głównym układzie strony.
