Standardlayout i NextJS
I den forrige lektion fandt vi ud af,
at vi skal have en generel websitelayout,
hvor indhold, titel og metabeskrivelse
indsættes. NextJS har allerede en
fil med den generelle websitelayout som standard.
Den findes i filen app/layout.jsx.
Efter installationen er der allerede noget kode i layoutfilen. Denne kode indeholder dog en masse overflødigt. Lad os lave en minimal websitelayout, der er let at forstå. For at gøre dette skal du åbne layoutfilen, slette alt fra den og indsætte følgende:
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>
);
}
Ret standardindholdet i hovedlayoutet for websitet.
