Metadados no NextJS
Vamos agora ver como adicionar um título e uma meta descrição à página. No NextJS, o trabalho com eles é feito de forma conjunta, por isso são chamados por uma palavra geral: metadados.
Os metadados são definidos usando um objeto especial que contém o título e a meta descrição:
{
title: '...',
description: '...',
};
Com isso, o NextJS itself irá inserir os metadados
nas tags correspondentes. Nós não precisamos nos
preocupar com isso. Portanto, no layout principal
do site está faltando a tag head,
pois ela será gerada automaticamente:
export default function RootLayout({children}) {
return (
<html lang="en">
<body>
{children}
</body>
</html>
);
}
Existem várias maneiras de definir metadados. Vamos estudá-las nas próximas lições.