Layout Padrão no NextJS
Na lição anterior, descobrimos
que devemos ter um layout geral
do site, no qual o conteúdo,
o título e a meta descrição da página são inseridos.
O NextJS já vem por padrão com
um arquivo de layout geral do site.
Ele está localizado no arquivo app/layout.jsx.
Após a instalação, o arquivo de layout já contém algum código. Este código, no entanto, contém muitas coisas desnecessárias. Vamos fazer um layout mínimo do site, que seja fácil de entender. Para fazer isso, abra o arquivo de layout, exclua tudo dele e cole o seguinte:
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 o conteúdo padrão no layout principal do site.
