Заголовок на языке в 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 через новое поле в словаре.