Diseño por defecto en NextJS
En la lección anterior, descubrimos
que deberíamos tener un diseño general
del sitio, en el que se inserta el contenido,
el título y la meta descripción de la página.
NextJS ya tiene un archivo con el
diseño general del sitio por defecto.
Se encuentra en el archivo app/layout.jsx.
Después de la instalación, el archivo de diseño ya tiene algún código. Este código, sin embargo, contiene mucho exceso. Hagamos un diseño de sitio mínimo, que sea fácil de entender. Para ello, abra el archivo de diseño, elimine todo su contenido e inserte lo siguiente:
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>
);
}
Corrija el contenido por defecto en el diseño principal del sitio.
