Ссылка с языком в NextJS

Компонент Link из next/link принимает полный путь в href. Если написать только /about, пользователь уйдет с префикса языка. Нужно подставить lang в начало строки - тогда с /en откроется /en/about, а с /ru - /ru/about.

Давайте добавим на главную ссылку «О нас», текст возьмем из словаря, а путь соберем через шаблонную строку:

import Link from 'next/link';
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>
			<Link href={`/${lang}/about`}>{dict.aboutLink}</Link>
		</>
	);
}

Создайте страницу about внутри [lang] с коротким текстом из словаря.

Добавьте на главную ссылку на эту страницу с префиксом текущего языка в href.