Словарь фраз в NextJS

Тексты интерфейса удобно хранить в одном файле - объекте с ключами en и ru. Каждый ключ содержит набор пар «имя фразы - строка». В коде оставим латиницу: английский вариант и транслит для второго языка, чтобы пример был читаем в редакторе.

Давайте добавим файл dictionaries.js в каталог src:

export let dictionaries = {
	en: {
		title: 'Home',
		text: 'Welcome to our site.',
		aboutLink: 'About',
	},
	ru: {
		title: 'Glavnaya',
		text: 'Dobro pozhalovat na nash sait.',
		aboutLink: 'O nas',
	},
};

На странице языка импортируем словарь, выберем объект по lang из параметров и покажем одну фразу - заголовок:

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

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

Заведите модуль словаря с ключами en и ru и минимум тремя фразами в каждом языке.

Подключите словарь к главной странице сегмента [lang] и выведите заголовок из поля title.