Mise en page par défaut dans NextJS
Dans la leçon précédente, nous avons découvert
que nous devons avoir une mise en page générale
du site, dans laquelle le contenu,
le titre et la méta-description de la page sont insérés.
NextJS a déjà par défaut
un fichier avec la mise en page générale du site.
Il se trouve dans le fichier app/layout.jsx.
Après l'installation, le fichier de mise en page contient déjà du code. Ce code, cependant, contient beaucoup de superflu. Faisons une mise en page minimale du site, dans laquelle il sera facile de se repérer. Pour cela, ouvrez le fichier de mise en page, supprimez tout son contenu et insérez ce qui suit :
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>
);
}
Corrigez le contenu par défaut dans la mise en page principale du site.
