NextJS да Метамаълумотлар

Келинг, энди саҳифага қандай қилиб сарлавҳа ва мета-тавсиф қўшишни кўрамиз. NextJS да улар билан ишлаш биргаликда амалга оширилади ва шу сабабдан уларни бир умумий сўз билан метамаълумотлар дейилади.

Метамаълумотлар махсус объект орқали белгиланади, у сарлавҳа ва мета-тавсифни ўз ичига олади:

app/layout.jsx{
  title: '...',
  description: '...',
};

Бу ҳолда NextJS метамаълумотларни мос тегларга ўзи жойлаштиради. Биз бу ҳақда қайғурмашимиз шарт эмас. Шу сабабдан асосий вебсаҳифа макетида head теги йўқ, чунки у автоматик тарзда яратилади:

app/layout.jsxexport default function RootLayout({children}) {
  return (
    <html lang="en">
      <body>
        {children}
      </body>
    </html>
  );
}

Метамаълумотларни белгилашнинг турли усуллари мавжуд. Уларни биз кейинги дарсларда ўрганамиз.