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:

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