Текст страницы в NextJS

Один ключ словаря можно подставить в заголовок. Для абзаца текста берем другое поле того же объекта dict. Так разметка остается на одном языке логики, а строки на экране меняются вместе с сегментом /en или /ru.

Давайте расширим главную страницу: заголовок из title, пояснение из text:

import { dictionaries } from '../../dictionaries';

export default async function HomePage({ params }) {
	let { lang } = await params;
	let dict = dictionaries[lang];
	
	return (
		<>
			<h1>{dict.title}</h1>
			<p>{dict.text}</p>
		</>
	);
}

Добавьте в словарь поле приветствия для каждого языка и выведите его отдельным абзацем под основным текстом.

Сверьте страницы /en и /ru: все видимые строки должны браться только из модуля словаря.