Заголовок на языке в NextJS
Текст во вкладке задают метаданные
страницы. Для маршрута с параметром
их можно собрать в функции
generateMetadata: она экспортируется
из того же файла, что и компонент
страницы, и может быть асинхронной.
Давайте прочитаем lang через
await params, возьмем
title из словаря и вернем
объект метаданных:
import { dictionaries } from '../../dictionaries';
export async function generateMetadata({ params }) {
let { lang } = await params;
let dict = dictionaries[lang];
return {
title: dict.title,
};
}
export default async function HomePage({ params }) {
let { lang } = await params;
let dict = dictionaries[lang];
return (
<>
<h1>{dict.title}</h1>
<p>{dict.text}</p>
</>
);
}
Задайте заголовок вкладки для
главной из поля title словаря
на обоих языках.
Добавьте отдельный title
для страницы about через
новое поле в словаре.