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:

app/layout.jsx{
  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:

app/layout.jsxexport 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.