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:

app/layout.jsxexport const metadata = {
  title: 'Test site',
  description: 'This is my page description.',
};

export default function RootLayout({children}) {
  return (
    <html lang="en">
      <body>
        {children}
      </body>
    </html>
  );
}