@intlayer/docs 5.5.10 → 5.5.12

package/blog/ru/index.md

@@ -0,0 +1,69 @@
+---
+createdAt: 2024-24-12
+updatedAt: 2025-06-29
+title: Блог
+description: Узнайте о всех темах, связанных с Intlayer, интернационализацией и другими
+keywords:
+  - Intlayer
+  - Интернационализация
+  - Документация
+  - Next.js
+  - JavaScript
+  - React
+slugs:
+  - blog
+  - search
+---
+
+# Принятие интернационализации в JavaScript: Расширение глобального охвата и SEO
+
+Добро пожаловать в наш блог, посвященный всем аспектам **интернационализации** для JavaScript-приложений! Здесь мы исследуем лучшие практики, стратегии и инструменты, которые помогут разработчикам расширить свои цифровые продукты по всему миру.
+
+---
+
+## Почему интернационализация (i18n) имеет значение
+
+В современном взаимосвязанном мире пользователи ожидают бесшовного, локализованного опыта. Интернационализация (i18n) обеспечивает адаптацию вашего веб-приложения к различным языкам и культурным особенностям. Внедряя практики i18n с самого начала, вы открываете множество преимуществ, таких как:
+
+1. **Улучшенный пользовательский опыт:** Пользователи больше доверяют контенту на родном языке.
+2. **Широкий охват рынка:** Предложение нескольких языков помогает вам охватить новые регионы и расширить вашу пользовательскую базу.
+3. **Улучшенная доступность:** Хорошо структурированная i18n часто соответствует стандартам доступности, делая ваше приложение более инклюзивным.
+4. **Лучшие результаты SEO:** Локализованный контент может повысить вашу видимость в региональных поисковых результатах.
+
+---
+
+## Открытые решения для интернационализации
+
+Создание интернационализированного приложения не должно быть сложным. Сообщество с открытым исходным кодом предлагает множество мощных, хорошо поддерживаемых инструментов и библиотек, которые упрощают локализацию. Популярные решения, такие как **react-intl**, **i18next** и **FormatJS**, предоставляют гибкие API и простую интеграцию с современными JavaScript-фреймворками, такими как React, Vue и Angular.
+
+### Ключевые преимущества решений с открытым исходным кодом
+
+- **Гибкость:** Библиотеки, создаваемые сообществом, быстро развиваются, предлагая обновления и новые функции по мере появления потребностей.
+- **Экономия средств:** Нет лицензионных сборов, что упрощает тестирование или масштабирование вашего приложения.
+- **Поддержка сообщества:** Большие сообщества часто означают больше учебных материалов, документации и готовых плагинов.
+
+---
+
+## Объявления и что дальше
+
+Мы рады анонсировать предстоящие учебные материалы, лучшие практики и **кейсы** о том, как оптимизировать ваши JavaScript-приложения для глобальных аудиторий. Вот небольшой анонс:
+
+- **Советы по локализации на продвинутом уровне:** Мастерство в плюрализации, форматировании даты/времени и динамическом контенте.
+- **Оптимизация производительности:** Минимизация размеров пакетов при поддержке нескольких локалей.
+- **Кейсы из сообщества:** Демонстрация реальных примеров успешной реализации i18n.
+
+Оставайтесь с нами, чтобы не пропустить эти обновления и многое другое!
+
+---
+
+## Сделайте вклад в наш блог!
+
+Мы верим в совместное деление знаний. Если у вас есть отличная идея для блога по интернационализации, **SEO** или любой другой актуальной теме, мы будем рады услышать от вас. Вы можете отправить запрос на внесение изменений, добавив свой предложенный блог в наш репозиторий на GitHub:
+
+[**Отправьте свой пост здесь**](https://github.com/aymericzip/intlayer/blob/main/docs/blog)
+
+Ваши вклады помогают нам обогатить эту платформу и дать возможность разработчикам всего мира. Давайте создадим сообщество приложений с глобальным охватом вместе.
+
+---
+
+**Спасибо за чтение, и добро пожаловать в наше сообщество i18n!** Оставайтесь с нами для получения дополнительных идей, советов и лучших практик по тому, как вывести ваши JavaScript-приложения на международный уровень.

package/blog/ru/internationalization_and_SEO.md

@@ -0,0 +1,298 @@
+---
+createdAt: 2024-12-24
+updatedAt: 2025-06-29
+title: SEO и Интернационализация
+description: Узнайте, как оптимизировать ваш многоязычный сайт для поисковых систем и улучшить SEO.
+keywords:
+  - SEO
+  - Intlayer
+  - Интернационализация
+  - Документация
+  - Next.js
+  - JavaScript
+  - React
+slugs:
+  - blog
+  - SEO-and-i18n
+---
+
+# SEO & I18n: Полное руководство по созданию многоязычного веб-сайта
+
+Хотите охватить больше пользователей по всему миру? Сделать ваш веб-сайт многоязычным , один из лучших способов расширить вашу аудиторию и улучшить SEO (поисковую оптимизацию). В этом блоге мы разберём основы международного SEO , часто называемого **i18n** (сокращение от «интернационализация») , простыми и понятными терминами. Вы узнаете о ключевых решениях, которые нужно принять, о том, как использовать технические элементы, такие как `hreflang`, и почему инструменты, такие как **Intlayer**, могут упростить ваши многоязычные проекты Next.js.
+
+---
+
+## 1. Что значит сделать ваш веб-сайт многоязычным?
+
+Многоязычный веб-сайт предлагает свой контент на более чем одном языке. Например, у вас может быть английская версия (`example.com/en/`), французская версия (`example.com/fr/`) и испанская версия (`example.com/es/`). Этот подход позволяет поисковым системам отображать правильную языковую версию пользователям в зависимости от их предпочтений или географического местоположения.
+
+Когда вы делаете это правильно, вы создаёте гораздо более удобный для пользователей опыт для неанглоговорящих пользователей , что приводит к лучшему взаимодействию, более высоким коэффициентам конверсии и улучшенному SEO в разных регионах.
+
+---
+
+## 2. Выбор правильной структуры URL
+
+Если вы решите иметь несколько языковых версий, вам понадобится ясный и последовательный способ организации URL вашего сайта. У каждого языка (или региона) должен быть свой уникальный «адрес» в интернете. Ниже приведены три распространённых способа структурирования многоязычных веб-сайтов:
+
+1. Доменные имена с кодом страны (ccTLD)
+
+   - Пример: `example.fr`, `example.de`
+   - **Плюсы:** Является сильным сигналом для поисковых систем о том, какой стране целевой контент (например, `.fr` = Франция).
+   - **Минусы:** Управление несколькими доменами может быть дороже и сложнее.
+
+2. **Субдомены**
+
+   - **Пример:** `fr.example.com`, `de.example.com`
+   - **Плюсы:** Каждый язык «живет» на своем собственном субдомене, что не очень сложно добавлять или удалять языки.
+   - **Минусы:** Поисковые системы иногда рассматривают субдомены как отдельные сайты, что может размывать авторитет вашего основного домена.
+
+3. **Подкаталоги (подпапки)**
+   - **Пример:** `example.com/fr/`, `example.com/de/`
+   - **Плюсы:** Удобно управлять, и весь трафик направляется на один основной домен.
+   - **Минусы:** Не так сильно сигнализирует о локальном SEO, как ccTLD (хотя это все равно очень эффективно, если сделать правильно).
+
+> **Совет:** Если у вас глобальный бренд и вы хотите упростить вещи, подкаталоги часто работают лучше. Если вы нацелены только на одну или две основные страны и хотите действительно выделить каждую из них, ccTLD может быть тем, что вам нужно.
+
+---
+
+## 3. Овладение целевым языком с помощью Hreflang
+
+### 3.1. Что такое Hreflang?
+
+Когда у вас есть идентичный или очень похожий контент на нескольких языках, поисковые системы, такие как Google, могут запутаться о том, какую версию отображать пользователю. **Hreflang** , это HTML-атрибут, который сообщает поисковым системам, какой язык (и регион) предназначен для данной страницы и какие страницы на альтернативных языках/регионах существуют.
+
+### 3.2. Почему это важно?
+
+1. Это предотвращает проблемы с **дублирующимся контентом** (когда поисковые системы думают, что вы публикуете один и тот же контент несколько раз).
+2. Это гарантирует, что **французские пользователи видят французскую версию**, **испанские пользователи видят испанскую версию** и так далее.
+3. Это улучшает общий пользовательский опыт, что означает лучшее взаимодействие и более высокий рейтинг SEO.
+
+### 3.3. Как использовать Hreflang в `<head>` тегах
+
+В вашем HTML вы добавите нечто подобное:
+
+```html
+<link rel="alternate" hreflang="en" href="https://example.com/en" />
+<link rel="alternate" hreflang="fr" href="https://example.com/fr" />
+<link rel="alternate" hreflang="es" href="https://example.com/es" />
+<link rel="alternate" hreflang="x-default" href="https://example.com/en" />
+```
+
+- **`hreflang="en"`**: Указывает на английскую версию страницы.
+- **`hreflang="fr"`**: Указывает на французскую версию страницы.
+- **`hreflang="es"`**: Указывает на испанскую версию страницы.
+- **`hreflang="x-default"`**: «Запасной» язык или URL по умолчанию, когда ни один из других языков не соответствует предпочтениям пользователя.
+
+> **Быстрая заметка:** Убедитесь, что URL в этих тегах указывают непосредственно на конечную страницу, **без** дополнительных перенаправлений.
+
+---
+
+## 4. Делая контент по-настоящему «локальным» (не просто переведённым)
+
+### 4.1. Локализация vs. Перевод
+
+- **Перевод** означает преобразование текста с одного языка на другой слово в слово.
+- **Локализация** означает адаптацию формата контента, валюты, измерений и культурных ссылок для местной аудитории. Например, если вы ориентируетесь на Францию, вы используете `€` вместо `You are an expert in internationalization and content management. Your task is to translate the following documentation into the specified locales.
+
+1. **Requirement:**
+
+   - You should only translate the text, and titles of the file.
+   - You should not alter the structure of the file.
+   - You should not alter the code logic of code elements.
+   - You should transform urls as `https://github.com/aymericzip/intlayer/blob/main/docs/docs/en/**/*.md` to `https://github.com/aymericzip/intlayer/blob/main/docs/docs/ru/**/*.md`
+   - You should not transform url as `https://github.com/aymericzip/intlayer/blob/main/docs/assets/**/*`
+   - You should transform locale urls as `/**/*` to `/{{locale}}/**/*`
+   - In the code elements, the naming of the variables should be made in English. But the comments should be in Русский.
+   - You should return the translated file content without any additional comments or explanations.
+   - You should be sure to do not forgot to translate any content
+
+2. **Locales:**
+
+   - Base file locale: en: English (US)
+   - Desired Locales: {{locale}} : {{localeName}}
+
+**File to Translate:**
+
+, и, возможно, упоминайте местные праздники или специфичные для региона детали.
+
+### 4.2. Избежание дублирующегося контента
+
+Даже при хороших переводах поисковые системы могут пометить ваш сайт как дублирующийся контент, если он слишком похож по структуре. Hreflang помогает прояснить, что эти страницы не являются дубликатами, а являются языковыми вариациями.
+
+---
+
+## 5. Обязательные технические аспекты SEO
+
+### 5.1. Заявления о языке (`lang` и `dir`)
+
+В вашем HTML-теге вы можете объявить язык следующим образом:
+
+```html
+<html lang="en"></html>
+```
+
+- **`lang="en"`** помогает браузерам и вспомогательным технологиям понять язык.
+
+Для языков справа налево (например, арабский или иврит) добавьте:
+
+```html
+<html dir="rtl" lang="ar"></html>
+```
+
+- **`dir="rtl"`** гарантирует, что направление текста будет справа налево.
+
+### 5.2. Канонические теги
+
+Канонические теги сообщают поисковым системам, какая страница является «оригинальной» или основной версией, если у вас есть почти дублирующие страницы. Обычно у вас будет **само-ссылающийся** канонический тег для многоязычных сайтов.
+
+```html
+<link rel="canonical" href="https://example.com/fr/produits" />
+```
+
+---
+
+## 6. SEO на страницах на нескольких языках
+
+### 6.1. Заголовки и мета-описания
+
+- **Переведены и оптимизированы** для каждого языка.
+- Проведите **исследование ключевых слов** для каждого рынка, потому что то, что ищут на английском, может различаться на французском или испанском.
+
+### 6.2. Заголовки (H1, H2, H3)
+
+Ваши заголовки должны отражать **местные фразы** или **ключевые слова** каждого региона. Не просто пропускайте ваш оригинальный английский заголовок через Google Translate и не называйте это законченной работой.
+
+### 6.3. Изображения и медиа
+
+- Локализуйте alt текст, подписи и названия файлов, если это необходимо.
+- Используйте визуальные элементы, которые откликаются в целевой культуре.
+
+---
+
+## 7. Переключение языка и пользовательский опыт
+
+### 7.1. Авто-перенаправление или селектор языка?
+
+- **Авто-перенаправление** (на основе IP или настроек браузера) может быть удобным, но может отправить путешественников или пользователей VPN на неверную версию.
+- **Селектор языка** часто более прозрачный , пользователи могут выбрать свой язык, если автоматически определённый неверен.
+
+Вот упрощённый пример для Next.js + Intlayer:
+
+```tsx
+import { useLocation, useNavigate } from "react-router-dom";
+import {
+  Locales,
+  getHTMLTextDir,
+  getLocaleName,
+  getLocalizedUrl,
+} from "intlayer";
+import { useLocale } from "react-intlayer";
+import { type FC } from "react";
+
+const LocaleSwitcher: FC = () => {
+  const location = useLocation(); // Получите текущий URL путь. Пример: /fr/about
+  const navigate = useNavigate();
+
+  const changeUrl = (locale: Locales) => {
+    // Создайте URL с обновленным языком
+    // Пример: /es/about с языком, установленным на испанский
+    const pathWithLocale = getLocalizedUrl(location.pathname, locale);
+
+    // Обновите URL путь
+    navigate(pathWithLocale);
+  };
+
+  const { locale, availableLocales, setLocale } = useLocale({
+    onLocaleChange: changeUrl,
+  });
+
+  return (
+    <ol>
+      {availableLocales.map((localeItem) => (
+        <li key={localeItem}>
+          <a
+            href={getLocalizedUrl(location.pathname, localeItem)}
+            hrefLang={locale === localeItem ? "x-default" : localeItem}
+            aria-current={locale === localeItem ? "page" : undefined}
+            onClick={(e) => {
+              e.preventDefault();
+              setLocale(localeItem);
+            }}
+          >
+            <span>
+              {/* Язык на его собственном языке - например, Français */}
+              {getLocaleName(localeItem, locale)}
+            </span>
+            <span dir={getHTMLTextDir(localeItem)} lang={localeItem}>
+              {/* Язык на текущем языке - например, Francés с установленным локалем Latin.SPANISH */}
+              {getLocaleName(localeItem)}
+            </span>
+            <span dir="ltr" lang={Locales.ENGLISH}>
+              {/* Язык на английском - например, French */}
+              {getLocaleName(localeItem, Locales.ENGLISH)}
+            </span>
+            <span>
+              {/* Язык на его собственном языке - например, FR */}
+              {localeItem}
+            </span>
+          </a>
+        </li>
+      ))}
+    </ol>
+  );
+};
+```
+
+### 7.2. Сохранение предпочтений
+
+- Сохраните выбор языка пользователя в **cookie** или **сессии**.
+- В следующий раз, когда они посетят ваш сайт, вы сможете автоматически загрузить их предпочтительный язык.
+
+---
+
+## 8. Создание местных обратных ссылок
+
+**Обратные ссылки** (ссылки с внешних сайтов на ваш) остаются важным фактором SEO. Когда вы запускаете многоязычный сайт, учитывайте:
+
+- Связывайтесь с местными новостными сайтами, блогами или форумами. Например, домен `.fr`, указывающий на ваш французский подкаталог, может повысить ваш местный французский SEO.
+- Мониторинг обратных ссылок по языкам, чтобы увидеть, какие регионы требуют больше PR/маркетинговых усилий.
+
+---
+
+## 9. Мониторинг и поддержка вашего многоязычного сайта
+
+### 9.1. Google Analytics и Search Console
+
+- Сегментируйте свои данные для каждого языкового каталога (`/en/`, `/fr/`, `/es/`).
+- Обратите внимание на **ошибки обхода**, **флаги дублирующегося контента** и **проблемы индексирования** на каждом языке.
+
+### 9.2. Регулярные обновления контента
+
+- Держите переводы свежими. Если вы изменяете описание продукта на английском, обновите его на французском, испанском и т. д.
+- Устаревшие переводы могут сбивать с толку клиентов и подрывать доверие пользователей.
+
+---
+
+## 10. Общие ошибки, которых следует избегать
+
+1. **Контент, переведённый машинным переводом**
+   Автоматизированные переводы без проверки человеком могут содержать ошибки.
+
+2. **Неправильные или отсутствующие теги `hreflang`**
+   Поисковые системы не могут определить языковые версии самостоятельно, если ваши теги неполные или имеют неправильные коды.
+
+3. **Переключение языка только с помощью JavaScript**
+   Если Google не может проиндексировать уникальные URL для каждого языка, ваши страницы могут не появляться в правильных локальных результатах поиска.
+
+4. **Игнорирование культурных нюансов**
+   Шутка или фраза, которая работает в одной стране, может быть оскорбительной или бессмысленной в другой.
+
+---
+
+## Заключение
+
+Создание многоязычного веб-сайта включает в себя гораздо больше, чем просто перевод текста. Это о структурировании URL эффективно, использовании тегов `hreflang`, чтобы помочь поисковым системам предлагать правильную версию, и обеспечении отличного пользовательского опыта , полного с локализованными визуальными элементами, селекторами языков и последовательной навигацией. Следуя этим лучшим практикам, вы получите успех на глобальных рынках, увеличите удовлетворенность пользователей и, в конечном итоге, получите лучшие результаты SEO в разных регионах.
+
+Если вы используете Next.js (особенно App Router в Next.js 13+), инструмент, такой как **Intlayer**, может упростить этот процесс. Он помогает с чем угодно, от генерации локализованных карт сайта до автоматической обработки тегов `hreflang`, определения языка и многого другого , чтобы вы могли сосредоточиться на создании качественного многоязычного контента.
+
+**Готовы выйти на международный уровень?** Начните реализовывать эти стратегии SEO и i18n прямо сейчас и наблюдайте, как новые посетители со всего мира открывают и взаимодействуют с вашим сайтом!

package/blog/ru/intlayer_with_i18next.md

@@ -0,0 +1,162 @@
+---
+createdAt: 2024-12-24
+updatedAt: 2025-06-29
+title: Intlayer и i18next
+description: Интегрируйте Intlayer с i18next для оптимальной интернационализации. Сравните два фреймворка и узнайте, как настроить их вместе.
+keywords:
+  - Intlayer
+  - i18next
+  - Интернационализация
+  - i18n
+  - Локализация
+  - Перевод
+  - React
+  - Next.js
+  - JavaScript
+  - TypeScript
+slugs:
+  - blog
+  - intlayer-with-i18next
+---
+
+# Интернационализация с Intlayer и i18next
+
+i18next - это open-source фреймворк интернационализации (i18n), разработанный для JavaScript-приложений. Он широко используется для управления переводами, локализацией и переключением языков в программных проектах. Однако у него есть некоторые ограничения, которые могут усложнить масштабируемость и разработку.
+
+Intlayer - это другой фреймворк интернационализации, который устраняет эти ограничения, предлагая более гибкий подход к декларации и управлению контентом. Давайте рассмотрим некоторые ключевые отличия между i18next и Intlayer, и как настроить оба для оптимальной интернационализации.
+
+## Intlayer против i18next: ключевые отличия
+
+### 1. Декларация контента
+
+С помощью i18next словари перевода должны быть объявлены в конкретной папке, что может усложнить масштабируемость приложения. В отличие от этого, Intlayer позволяет объявлять контент в той же директории, что и ваш компонент. Это имеет несколько преимуществ:
+
+- **Упрощенное редактирование контента**: Пользователям не нужно искать правильный словарь для редактирования, что снижает вероятность ошибок.
+- **Автоматическая адаптация**: Если компонент меняет местоположение или удаляется, Intlayer обнаруживает это и адаптируется автоматически.
+
+### 2. Сложность конфигурации
+
+Настройка i18next может быть сложной, особенно при интеграции с серверными компонентами или настройке middleware для таких фреймворков, как Next.js. Intlayer упрощает этот процесс, предлагая более простую настройку.
+
+### 3. Согласованность переводов словарей
+
+Обеспечение согласованности словарей перевода на разных языках может быть проблематичным с i18next. Эта несогласованность может привести к сбоям приложения, если не обрабатывать это должным образом. Intlayer решает эту проблему, вводя ограничения на переведенный контент, что гарантирует, что ни один перевод не будет пропущен, и что переведенный контент будет точным.
+
+### 4. Интеграция с TypeScript
+
+Intlayer предлагает лучшую интеграцию с TypeScript, позволяя автоматически предлагать контент в вашем коде, тем самым повышая эффективность разработки.
+
+### 5. Обмен контентом между приложениями
+
+Intlayer облегчает обмен файлами декларации контента между несколькими приложениями и общими библиотеками. Эта функция упрощает поддержку согласованных переводов в более крупном кодовом базисе.
+
+## Как сгенерировать словари i18next с Intlayer
+
+### Настройка Intlayer для экспорта словарей i18next
+
+> Важные заметки
+
+> Экспорт словарей i18next в настоящее время находится в бета-версии и не гарантирует совместимость 1: 1 с другими фреймворками. Рекомендуется придерживаться настройки, основанной на Intlayer, чтобы минимизировать проблемы.
+
+Чтобы экспортировать словари i18next, вам нужно соответствующим образом настроить Intlayer. Ниже приведен пример того, как настроить Intlayer для экспорта как словарей Intlayer, так и i18next.
+
+```typescript fileName="intlayer.config.ts" codeFormat="typescript"
+import { Locales, type IntlayerConfig } from "intlayer";
+
+const config: IntlayerConfig = {
+  content: {
+    // Укажите, что Intlayer будет экспортировать как словари Intlayer, так и i18next
+    dictionaryOutput: ["intlayer", "i18next"],
+    // Относительный путь от корня проекта к директории, куда будут экспортироваться словари i18n
+    i18nextResourcesDir: "./i18next/dictionaries",
+  },
+};
+
+export default config;
+```
+
+```javascript fileName="intlayer.config.mjs" codeFormat="esm"
+import { Locales } from "intlayer";
+
+/** @type {import('intlayer').IntlayerConfig} */
+const config = {
+  content: {
+    // Укажите, что Intlayer будет экспортировать как словари Intlayer, так и i18next
+    dictionaryOutput: ["intlayer", "i18next"],
+    // Относительный путь от корня проекта к директории, куда будут экспортироваться словари i18n
+    i18nextResourcesDir: "./i18next/dictionaries",
+  },
+};
+
+export default config;
+```
+
+```javascript fileName="intlayer.config.cjs" codeFormat="commonjs"
+const { Locales } = require("intlayer");
+
+/** @type {import('intlayer').IntlayerConfig} */
+const config = {
+  content: {
+    // Укажите, что Intlayer будет экспортировать как словари Intlayer, так и i18next
+    dictionaryOutput: ["intlayer", "i18next"],
+    // Относительный путь от корня проекта к директории, куда будут экспортироваться словари i18n
+    i18nextResourcesDir: "./i18next/dictionaries",
+  },
+};
+
+module.exports = config;
+```
+
+Включив 'i18next' в конфигурацию, Intlayer генерирует специальные словари i18next в дополнение к словарям Intlayer. Обратите внимание, что удаление 'intlayer' из конфигурации может нарушить совместимость с React-Intlayer или Next-Intlayer.
+
+### Импортирование словарей в вашу конфигурацию i18next
+
+Чтобы импортировать сгенерированные словари в вашу конфигурацию i18next, вы можете использовать 'i18next-resources-to-backend'. Вот пример того, как импортировать ваши словари i18next:
+
+```typescript fileName="i18n/client.ts" codeFormat="typescript"
+// i18n/client.ts
+
+import i18next from "i18next";
+import resourcesToBackend from "i18next-resources-to-backend";
+
+i18next
+  // Ваша конфигурация i18next
+  .use(
+    resourcesToBackend(
+      (language: string, namespace: string) =>
+        import(`../i18next/dictionaries/${language}/${namespace}.json`)
+    )
+  );
+```
+
+```javascript fileName="i18n/client.mjs" codeFormat="esm"
+// i18n/client.mjs
+
+import i18next from "i18next";
+import resourcesToBackend from "i18next-resources-to-backend";
+
+i18next
+  // Ваша конфигурация i18next
+  .use(
+    resourcesToBackend(
+      (language, namespace) =>
+        import(`../i18next/dictionaries/${language}/${namespace}.json`)
+    )
+  );
+```
+
+```javascript fileName="i18n/client.cjs" codeFormat="commonjs"
+// i18n/client.cjs
+
+const i18next = require("i18next");
+const resourcesToBackend = require("i18next-resources-to-backend");
+
+i18next
+  // Ваша конфигурация i18next
+  .use(
+    resourcesToBackend(
+      (language, namespace) =>
+        import(`../i18next/dictionaries/${language}/${namespace}.json`)
+    )
+  );
+```