İçerikten NextJS'ye Statik Meta Veri Aktarımı

Şimdi her URL için kendi meta verilerimizi nasıl ayarlayacağımızı öğrenelim. Bunun için, meta veri nesnesinin site içeriğini içeren dosyadan dışa aktarılması gerekecek.

Bunun nasıl yapıldığına bir bakalım. Elimizde site içeriği olan bir bileşen olsun:

src/app/test/page.jsxexport default function Test() {
  return <h1>test bileşeni</h1>;
}

İçerik dosyamıza karşılık gelen URL için meta verileri ayarlayalım:

src/app/test/page.jsxexport const metadata = {
  title: 'Benim Test Sayfam',
  description: 'Test sayfası için açıklama.',
}

export default function Test() {
  return <h1>test bileşeni</h1>;
}