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

Нека сега се научим да задаваме собствени метаданни за всеки URL. За целта обект с метаданни трябва да бъде експортиран от файла със съдържанието на сайта.

Нека видим как се прави това. Да предположим, че имаме някакъв компонент със съдържанието на сайта:

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

Нека зададем метаданни за URL, съответстващ на нашия файл със съдържанието:

export const metadata = {
	title: 'My Test page',
	description: 'Description for test page.',
}

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

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