NextJSтеги метамаалыматтар

Келгиле, азыр баракчага аталыш жана мета-сүрөттөмө кантип кошуларын карап көрөлү. NextJSте алар менен иштөө бирге жүргүзүлгөндүктөн, аларды жалпы сөз менен метамаалыматтар деп аташат.

Метамаалыматтар аталыш жана мета-сүрөттөмөнү камтыган атайын объекттин жардамы менен белгиленет:

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

Бул учурда NextJS метамаалыматтарды өзү тиешелүү тегдерге киргизет. Биз бул жөнүндө ойлонушпойбуз. Ошондуктан сайттын негизги макетинин ичинде head теги жок, анткени ал автоматтык түрдү түзүлөт:

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

Метамаалыматтарды белгилөөнүн ар кандай жолдору бар. Аларды биз кийинки сабактарда үйрөнөбүз.