Usambazaji tuli wa metadata kutoka kwa maudhui kwenye NextJS

Sasa tujifunze jinsi ya kuweka metadata yetu wenyewe kwa kila URL. Ili kufanya hivyo, kitu chenye metadata itahitaji kusafirishwa kutoka kwa faili iliyo na maudhui ya tovuti.

Tuangalie jinsi hii inafanyika. Tuchukulie tuna sehemu fulani yenye maudhui ya tovuti:

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

Tuweke metadata kwa URL, inayolingana na faili yetu yenye maudhui:

src/app/test/page.jsxexport const metadata = {
  title: 'My Test page',
  description: 'Description for test page.',
}

export default function Test() {
  return <h1>test component</h1>;
}