Ссылка с языком в 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.