Статична пренос на метаподатоци од содржината во NextJS

Сега ајде да научиме како да поставиме сопствени метаподатоци за секој URL. За да го направите ова, објектот со метаподатоци ќе треба да се извезе од датотеката со содржината на веб-страницата.

Ајде да погледнеме како се прави ова. Да претпоставиме дека имаме одредена компонента со содржина на веб-страницата:

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

Ајде да поставиме метаподатоци за URL-то, кое одговара на нашата датотека со содржина:

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>;
}
Задание 1

Направете три страници на вашата веб-страница: /about, /price, /contacts. Додајте некаков текст на овие страници. Направете сопствени метаподатоци за секоја страница.