Layout-ul implicit în NextJS
În lecția precedentă, am aflat
că ar trebui să avem un layout general
al site-ului, în care se inserează conținutul,
titlul și descrierea meta a paginii.
În NextJS, există deja implicit
un fișier cu layout-ul general al site-ului.
Acesta se află în fișierul app/layout.jsx.
După instalare, în fișierul cu layout există deja un cod. Acest cod, totuși, conține multe lucruri inutile. Haideți să facem un layout minimal al site-ului, în care va fi ușor de înțeles. Pentru aceasta, deschideți fișierul cu layout, ștergeți din el tot și inserați următoarele:
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>
);
}
Corectați conținutul implicit în layout-ul principal al site-ului.
