Layout Predefinito in NextJS
Nella lezione precedente abbiamo scoperto
che dovremmo avere un layout generale
del sito, in cui vengono inseriti i contenuti,
il titolo e la meta-descrizione della pagina.
In NextJS c'è già un file
con il layout generale del sito per impostazione predefinita.
Si trova nel file app/layout.jsx.
Dopo l'installazione, il file di layout contiene già del codice. Tuttavia, questo codice contiene molto superfluo. Creiamo un layout sito minimale, in cui sia facile orientarsi. Per fare questo, aprite il file di layout, eliminate tutto il suo contenuto e inserite quanto segue:
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>
);
}
Correggete il contenuto predefinito nel layout principale del sito.
