@intlayer/docs 9.4.4 → 9.5.1

package/blog/ru/i18n_using_next-i18next.md

@@ -71,8 +71,6 @@ author: aymericzip
 
 > Смотрите нашу документацию, в которой перечислено все, что вам нужно знать об интернационализации и SEO: [Интернационализация (i18n) с next-intl](https://github.com/aymericzip/intlayer/blob/main/docs/blog/ru/internationalization_and_SEO.md).
 
----
-
 ## Пошаговое руководство по настройке i18next в приложении Next.js
 
 <iframe
@@ -119,7 +117,6 @@ author: aymericzip
 ```
 
 <Steps>
-
 <Step number={1} title="Установка зависимостей">
 
 Установите необходимые пакеты с помощью npm:
@@ -141,7 +138,6 @@ yarn add i18next react-i18next i18next-resources-to-backend
 - **i18next-resources-to-backend**: Плагин, который позволяет динамически загружать файлы переводов, загружая только необходимые пространства имён.
 
 </Step>
-
 <Step number={2} title="Настройка проекта">
 
 Создайте файл конфигурации, чтобы определить поддерживаемые локали, локаль по умолчанию и вспомогательные функции для локализации URL. Этот файл служит единственным источником правды для вашей настройки i18n и обеспечивает типобезопасность во всем приложении.
@@ -196,7 +192,6 @@ export function getCookie(locale: Locale) {
 ```
 
 </Step>
-
 <Step number={3} title="Централизовать пространства имён переводов">
 
 Создайте единый источник правды для каждого namespace, который использует ваше приложение. Повторное использование этого списка поддерживает синхронизацию кода сервера, клиента и инструментов, а также обеспечивает строгую типизацию для помощников перевода.
@@ -208,7 +203,6 @@ export type Namespace = (typeof namespaces)[number];
 ```
 
 </Step>
-
 <Step number={4} title="Строгая типизация ключей перевода с помощью TypeScript">
 
 Расширьте `i18next`, чтобы он ссылался на ваши канонические языковые файлы (обычно английские). TypeScript тогда выводит допустимые ключи для каждого namespace, поэтому вызовы `t()` проверяются полностью.
@@ -248,7 +242,6 @@ export type AboutTranslator = TFunction<"about">;
 ```
 
 </Step>
-
 <Step number={5} title="Настройка инициализации i18n на стороне сервера">
 
 Создайте функцию инициализации на стороне сервера, которая загружает переводы для серверных компонентов. Эта функция создает отдельный экземпляр i18next для серверного рендеринга, обеспечивая загрузку переводов до рендеринга.
@@ -305,7 +298,6 @@ export async function initI18next(
 ```
 
 </Step>
-
 <Step number={6} title="Создание клиентского провайдера i18n">
 
 Создайте клиентский компонент-провайдер, который оборачивает ваше приложение в контекст i18next. Этот провайдер получает предварительно загруженные переводы с сервера, чтобы предотвратить мерцание непереведённого контента (FOUC) и избежать повторных запросов.
@@ -390,7 +382,6 @@ export default function I18nProvider({
 ```
 
 </Step>
-
 <Step number={7} title="Определение динамических маршрутов локалей">
 
 Настройте динамическую маршрутизацию для локалей, создав директорию `[locale]` в вашей папке app. Это позволяет Next.js обрабатывать маршрутизацию на основе локалей, где каждая локаль становится сегментом URL (например, `/en/about`, `/fr/about`).
@@ -444,7 +435,6 @@ export default function LocaleLayout({
 ```
 
 </Step>
-
 <Step number={8} title="Создайте файлы переводов">
 
 Создайте JSON-файлы для каждой локали и пространства имён. Такая структура позволяет логично организовать переводы и загружать только то, что необходимо для каждой страницы.
@@ -539,7 +529,6 @@ export default function LocaleLayout({
 </Tabs>
 
 </Step>
-
 <Step number={9} title="Использование переводов на ваших страницах">
 
 Создайте компонент страницы, который инициализирует i18next на сервере и передаёт переводы как серверным, так и клиентским компонентам. Это гарантирует, что переводы загружены до рендера и предотвращает мерцание контента.
@@ -601,7 +590,6 @@ export default async function AboutPage({
 ```
 
 </Step>
-
 <Step number={10} title="Использование переводов в клиентских компонентах">
 
 Клиентские компоненты могут использовать хук `useTranslation` для доступа к переводам. Этот хук предоставляет функцию перевода и экземпляр i18n, что позволяет переводить контент и получать информацию о локали.
@@ -654,7 +642,6 @@ export default ClientComponent;
 ```
 
 </Step>
-
 <Step number={11} title="Использование переводов в серверных компонентах">
 
 Серверные компоненты не могут использовать React hooks, поэтому они получают переводы через props от своих родительских компонентов. Такой подход сохраняет синхронность серверных компонентов и позволяет вкладывать их внутрь клиентских компонентов.
@@ -702,7 +689,6 @@ export default ServerComponent;
 ```
 
 </Step>
-
 <Step number={12} title="Изменение языка вашего контента" isOptional={true}>
 
 Для изменения языка вашего контента в Next.js рекомендуется использовать URL с префиксом локали и ссылки Next.js. Пример ниже считывает текущую локаль из маршрута, удаляет её из пути и отображает по одной ссылке для каждой доступной локали.
@@ -776,7 +762,6 @@ export default function LocaleSwitcher() {
 ```
 
 </Step>
-
 <Step number={13} title="Создание локализованного компонента Link" isOptional={true}>
 
 Повторное использование локализованных URL по всему вашему приложению обеспечивает согласованную навигацию и улучшает SEO. Оберните `next/link` в небольшой помощник, который добавляет префикс активной локали к внутренним маршрутам, оставляя внешние URL без изменений.
@@ -829,7 +814,6 @@ export default function LocalizedLink({
 > Совет: Поскольку `LocalizedLink` является заменой "drop-in", мигрируйте постепенно, меняя импорты и позволяя компоненту обрабатывать URL-адреса, специфичные для локали.
 
 </Step>
-
 <Step number={14} title="Доступ к активной локали внутри Server Actions" isOptional={true}>
 
 Server Actions часто нуждаются в текущей локали для писем, логирования или интеграций с третьими сторонами. Объедините cookie с локалью, установленной вашим прокси, с заголовком `Accept-Language` в качестве резервного варианта.
@@ -869,7 +853,6 @@ export async function stuffFromServer(formData: FormData) {
 > Поскольку помощник использует cookies и заголовки Next.js, он работает в Route Handlers, Server Actions и других контекстах, доступных только на сервере.
 
 </Step>
-
 <Step number={15} title="Интернационализация ваших метаданных" isOptional={true}>
 
 Перевод контента важен, но основная цель интернационализации, сделать ваш сайт более заметным для всего мира. I18n, это мощный инструмент для улучшения видимости вашего сайта через правильное SEO.
@@ -938,7 +921,6 @@ export default async function AboutPage() {
 ```
 
 </Step>
-
 <Step number={16} title="Интернационализация вашей карты сайта" isOptional={true}>
 
 Создайте карту сайта, которая включает все версии страниц для каждой локали. Это помогает поисковым системам обнаруживать и индексировать все языковые версии вашего контента.
@@ -995,7 +977,6 @@ export default function sitemap(): MetadataRoute.Sitemap {
 ```
 
 </Step>
-
 <Step number={17} title="Интернационализация вашего файла robots.txt" isOptional={true}>
 
 Создайте файл robots.txt, который корректно обрабатывает все языковые версии ваших защищённых маршрутов. Это гарантирует, что поисковые системы не будут индексировать страницы админки или панели управления на любом языке.
@@ -1028,7 +1009,6 @@ export default function robots(): MetadataRoute.Robots {
 ```
 
 </Step>
-
 <Step number={18} title="Настройка Middleware для маршрутизации по локали" isOptional={true}>
 
 Создайте прокси, который автоматически определяет предпочитаемую пользователем локаль и перенаправляет его на соответствующий URL с префиксом локали. Это улучшает пользовательский опыт, показывая контент на предпочитаемом языке.
@@ -1119,7 +1099,6 @@ export const config = {
 ```
 
 </Step>
-
 <Step number={19} title="Автоматизируйте ваши переводы с помощью Intlayer" isOptional={true}>
 
 Intlayer, это **бесплатная** и **открытая** библиотека, созданная для помощи в процессе локализации вашего приложения. В то время как i18next отвечает за загрузку и управление переводами, Intlayer помогает автоматизировать рабочий процесс перевода.

package/blog/ru/i18n_using_next-intl.md

@@ -62,8 +62,6 @@ author: aymericzip
 
 > См. нашу документацию, в которой перечислено все, что нужно знать об интернационализации и SEO: [Интернационализация (i18n) с next-intl](https://github.com/aymericzip/intlayer/blob/main/docs/blog/ru/internationalization_and_SEO.md).
 
----
-
 ## Пошаговое руководство по настройке next-intl в приложении Next.js
 
 <iframe
@@ -110,7 +108,6 @@ loading="lazy"
 ```
 
 <Steps>
-
 <Step number={1} title="Установка зависимостей">
 
 Установите необходимые пакеты с помощью npm:
@@ -130,7 +127,6 @@ yarn add next-intl
 - **next-intl**: Основная библиотека интернационализации для Next.js App Router, предоставляющая хуки, серверные функции и клиентские провайдеры для управления переводами.
 
 </Step>
-
 <Step number={2} title="Настройка проекта">
 
 Создайте файл конфигурации, который определяет поддерживаемые локали и настраивает конфигурацию запросов next-intl. Этот файл служит единственным источником правды для вашей настройки i18n и обеспечивает типобезопасность во всём приложении.
@@ -217,7 +213,6 @@ export const proxy = createMiddleware(routingOptions);
 ```
 
 </Step>
-
 <Step number={3} title="Определение динамических маршрутов локалей">
 
 Настройте динамическую маршрутизацию для локалей, создав каталог `[locale]` в вашей папке приложения. Это позволяет Next.js обрабатывать маршрутизацию на основе локали, где каждая локаль становится сегментом URL (например, `/en/about`, `/fr/about`).
@@ -308,7 +303,6 @@ export default async function AboutPage({
 ```
 
 </Step>
-
 <Step number={4} title="Создайте файлы переводов">
 
 Создайте JSON-файлы для каждой локали и пространства имён. Такая структура позволяет логично организовать переводы и загружать только то, что необходимо для каждой страницы.
@@ -370,7 +364,6 @@ export default async function AboutPage({
 </Tabs>
 
 </Step>
-
 <Step number={5} title="Используйте переводы на своих страницах">
 
 Создайте компонент страницы, который загружает переводы на сервере и передает их как серверным, так и клиентским компонентам. Это гарантирует, что переводы загружены до рендеринга и предотвращает мерцание контента.
@@ -423,7 +416,6 @@ export default async function AboutPage({
 ```
 
 </Step>
-
 <Step number={6} title="Использование переводов в клиентских компонентах">
 
 Клиентские компоненты могут использовать хуки `useTranslations` и `useFormatter` для доступа к переводам и функциям форматирования. Эти хуки читают данные из контекста `NextIntlClientProvider`.
@@ -461,7 +453,6 @@ const ClientComponent = () => {
 ```
 
 </Step>
-
 <Step number={7} title="Использование переводов в серверных компонентах">
 
 Серверные компоненты не могут использовать React хуки, поэтому они получают переводы и форматтеры через props от родительских компонентов. Такой подход сохраняет серверные компоненты синхронными и позволяет вкладывать их внутрь клиентских компонентов.
@@ -495,7 +486,6 @@ const ServerComponent = ({
 > В вашем компоненте страницы/макета используйте `getTranslations` и `getFormatter` из `next-intl/server` для предварительного вычисления переводов и форматирования, затем передавайте их как пропсы в серверные компоненты.
 
 </Step>
-
 <Step number={8} title="Изменение языка вашего контента" isOptional={true}>
 
 Чтобы изменить язык вашего контента с помощью next-intl, отображайте ссылки с учетом локали, которые указывают на тот же путь, но с переключением локали. Провайдер автоматически переписывает URL, поэтому вам нужно лишь указать текущий маршрут.
@@ -569,7 +559,6 @@ export default function LocaleSwitcher() {
 ```
 
 </Step>
-
 <Step number={9} title="Использование локализованного компонента Link" isOptional={true}>
 
 `next-intl` предоставляет подпакет `next-intl/navigation`, который содержит локализованный компонент ссылки, автоматически применяющий активную локаль. Мы уже вынесли его для вас в файл `@/i18n`, так что вы можете использовать его следующим образом:
@@ -581,7 +570,6 @@ return <Link href="/about">t("about.title")</Link>;
 ```
 
 </Step>
-
 <Step number={10} title="Доступ к активной локали внутри Server Actions" isOptional={true}>
 
 Server Actions могут читать текущую локаль с помощью `next-intl/server`. Это полезно для отправки локализованных писем или сохранения языковых предпочтений вместе с отправленными данными.
@@ -606,7 +594,6 @@ export async function handleContactForm(formData: FormData) {
 > `getLocale` читает локаль, установленную прокси `next-intl`, поэтому работает в любом месте на сервере: Route Handlers, Server Actions и edge functions.
 
 </Step>
-
 <Step number={11} title="Интернационализация ваших метаданных" isOptional={true}>
 
 Перевод контента важен, но главная цель интернационализации, сделать ваш сайт более заметным для всего мира. I18n, это невероятный рычаг для улучшения видимости вашего сайта через правильное SEO.
@@ -647,7 +634,6 @@ export async function generateMetadata({
 ```
 
 </Step>
-
 <Step number={12} title="Интернационализация вашей карты сайта" isOptional={true}>
 
 Создайте sitemap, который включает все локализованные версии ваших страниц. Это помогает поисковым системам обнаруживать и индексировать все языковые версии вашего контента.
@@ -703,7 +689,6 @@ export default function sitemap(): MetadataRoute.Sitemap {
 ```
 
 </Step>
-
 <Step number={13} title="Интернационализация вашего файла robots.txt" isOptional={true}>
 
 Создайте файл robots.txt, который корректно обрабатывает все языковые версии ваших защищённых маршрутов. Это гарантирует, что поисковые системы не будут индексировать страницы админки или панели управления на любом языке.
@@ -738,7 +723,6 @@ export default function robots(): MetadataRoute.Robots {
 ```
 
 </Step>
-
 <Step number={14} title="Настройка прокси для маршрутизации по локали" isOptional={true}>
 
 Создайте прокси, который автоматически определяет предпочитаемую пользователем локаль и перенаправляет его на соответствующий URL с префиксом локали. next-intl предоставляет удобную функцию прокси, которая обрабатывает это автоматически.
@@ -760,7 +744,6 @@ export const config = {
 ```
 
 </Step>
-
 <Step number={15} title="Настройка типов TypeScript для локали" isOptional={true}>
 
 Настройка TypeScript поможет вам получить автодополнение и типобезопасность для ваших ключей.
@@ -788,7 +771,6 @@ declare module "next-intl" {
 Этот код использует расширение модуля (Module Augmentation), чтобы добавить локали и сообщения в тип AppConfig из next-intl.
 
 </Step>
-
 <Step number={16} title="Автоматизация переводов с помощью Intlayer" isOptional={true}>
 
 Intlayer, это **бесплатная** и **открытая** библиотека, предназначенная для помощи в процессе локализации вашего приложения. В то время как next-intl отвечает за загрузку и управление переводами, Intlayer помогает автоматизировать рабочий процесс перевода.

package/blog/ru/index.md

@@ -20,8 +20,6 @@ author: aymericzip
 
 Добро пожаловать в наш блог, посвященный всем аспектам **интернационализации** для JavaScript-приложений! Здесь мы исследуем лучшие практики, стратегии и инструменты, которые помогут разработчикам расширить свои цифровые продукты по всему миру.
 
----
-
 ## Почему интернационализация (i18n) имеет значение
 
 В современном взаимосвязанном мире пользователи ожидают бесшовного, локализованного опыта. Интернационализация (i18n) обеспечивает адаптацию вашего веб-приложения к различным языкам и культурным особенностям. Внедряя практики i18n с самого начала, вы открываете множество преимуществ, таких как:
@@ -31,8 +29,6 @@ author: aymericzip
 3. **Улучшенная доступность:** Хорошо структурированная i18n часто соответствует стандартам доступности, делая ваше приложение более инклюзивным.
 4. **Лучшие результаты SEO:** Локализованный контент может повысить вашу видимость в региональных поисковых результатах.
 
----
-
 ## Открытые решения для интернационализации
 
 Создание интернационализированного приложения не должно быть сложным. Сообщество с открытым исходным кодом предлагает множество мощных, хорошо поддерживаемых инструментов и библиотек, которые упрощают локализацию. Популярные решения, такие как **react-intl**, **i18next** и **FormatJS**, предоставляют гибкие API и простую интеграцию с современными JavaScript-фреймворками, такими как React, Vue и Angular.
@@ -43,8 +39,6 @@ author: aymericzip
 - **Экономия средств:** Нет лицензионных сборов, что упрощает тестирование или масштабирование вашего приложения.
 - **Поддержка сообщества:** Большие сообщества часто означают больше учебных материалов, документации и готовых плагинов.
 
----
-
 ## Объявления и что дальше
 
 Мы рады анонсировать предстоящие учебные материалы, лучшие практики и **кейсы** о том, как оптимизировать ваши JavaScript-приложения для глобальных аудиторий. Вот небольшой анонс:
@@ -55,8 +49,6 @@ author: aymericzip
 
 Оставайтесь с нами, чтобы не пропустить эти обновления и многое другое!
 
----
-
 ## Сделайте вклад в наш блог!
 
 Мы верим в совместное деление знаний. Если у вас есть отличная идея для блога по интернационализации, **SEO** или любой другой актуальной теме, мы будем рады услышать от вас. Вы можете отправить запрос на внесение изменений, добавив свой предложенный блог в наш репозиторий на GitHub:
@@ -65,6 +57,4 @@ author: aymericzip
 
 Ваши вклады помогают нам обогатить эту платформу и дать возможность разработчикам всего мира. Давайте создадим сообщество приложений с глобальным охватом вместе.
 
----
-
 **Спасибо за чтение, и добро пожаловать в наше сообщество i18n!** Оставайтесь с нами для получения дополнительных идей, советов и лучших практик по тому, как вывести ваши JavaScript-приложения на международный уровень.

package/blog/ru/internationalization_and_SEO.md

@@ -21,16 +21,12 @@ author: aymericzip
 
 Хотите охватить больше пользователей по всему миру? Сделать ваш веб-сайт многоязычным , один из лучших способов расширить вашу аудиторию и улучшить SEO (поисковую оптимизацию). В этом блоге мы разберём основы международного SEO , часто называемого **i18n** (сокращение от «интернационализация») , простыми и понятными терминами. Вы узнаете о ключевых решениях, которые нужно принять, о том, как использовать технические элементы, такие как `hreflang`, и почему инструменты, такие как **Intlayer**, могут упростить ваши многоязычные проекты Next.js.
 
----
-
 ## 1. Что значит сделать ваш веб-сайт многоязычным?
 
 Многоязычный веб-сайт предлагает свой контент на более чем одном языке. Например, у вас может быть английская версия (`example.com/en/`), французская версия (`example.com/fr/`) и испанская версия (`example.com/es/`). Этот подход позволяет поисковым системам отображать правильную языковую версию пользователям в зависимости от их предпочтений или географического местоположения.
 
 Когда вы делаете это правильно, вы создаёте гораздо более удобный для пользователей опыт для неанглоговорящих пользователей , что приводит к лучшему взаимодействию, более высоким коэффициентам конверсии и улучшенному SEO в разных регионах.
 
----
-
 ## 2. Выбор правильной структуры URL
 
 Если вы решите иметь несколько языковых версий, вам понадобится ясный и последовательный способ организации URL вашего сайта. У каждого языка (или региона) должен быть свой уникальный «адрес» в интернете. Ниже приведены три распространённых способа структурирования многоязычных веб-сайтов:
@@ -52,8 +48,6 @@ author: aymericzip
 
 > **Совет:** Если у вас глобальный бренд и вы хотите упростить вещи, подкаталоги часто работают лучше. Если вы нацелены только на одну или две основные страны и хотите действительно выделить каждую из них, ccTLD может быть тем, что вам нужно.
 
----
-
 ## 3. Овладение целевым языком с помощью Hreflang
 
 ### 3.1. Что такое Hreflang?
@@ -84,8 +78,6 @@ author: aymericzip
 
 > **Быстрая заметка:** Убедитесь, что URL в этих тегах указывают непосредственно на конечную страницу, **без** дополнительных перенаправлений.
 
----
-
 ## 4. Делая контент по-настоящему «локальным» (не просто переведённым)
 
 ### 4.1. Локализация vs. Перевод
@@ -116,8 +108,6 @@ author: aymericzip
 
 Даже при хороших переводах поисковые системы могут пометить ваш сайт как дублирующийся контент, если он слишком похож по структуре. Hreflang помогает прояснить, что эти страницы не являются дубликатами, а являются языковыми вариациями.
 
----
-
 ## 5. Обязательные технические аспекты SEO
 
 ### 5.1. Заявления о языке (`lang` и `dir`)
@@ -146,8 +136,6 @@ author: aymericzip
 <link rel="canonical" href="https://example.com/fr/produits" />
 ```
 
----
-
 ## 6. SEO на страницах на нескольких языках
 
 ### 6.1. Заголовки и мета-описания
@@ -164,8 +152,6 @@ author: aymericzip
 - Локализуйте alt текст, подписи и названия файлов, если это необходимо.
 - Используйте визуальные элементы, которые откликаются в целевой культуре.
 
----
-
 ## 7. Переключение языка и пользовательский опыт
 
 ### 7.1. Авто-перенаправление или селектор языка?
@@ -245,8 +231,6 @@ const LocaleSwitcher: FC = () => {
 - Сохраните выбор языка пользователя в **cookie** или **сессии**.
 - В следующий раз, когда они посетят ваш сайт, вы сможете автоматически загрузить их предпочтительный язык.
 
----
-
 ## 8. Создание местных обратных ссылок
 
 **Обратные ссылки** (ссылки с внешних сайтов на ваш) остаются важным фактором SEO. Когда вы запускаете многоязычный сайт, учитывайте:
@@ -254,8 +238,6 @@ const LocaleSwitcher: FC = () => {
 - Связывайтесь с местными новостными сайтами, блогами или форумами. Например, домен `.fr`, указывающий на ваш французский подкаталог, может повысить ваш местный французский SEO.
 - Мониторинг обратных ссылок по языкам, чтобы увидеть, какие регионы требуют больше PR/маркетинговых усилий.
 
----
-
 ## 9. Мониторинг и поддержка вашего многоязычного сайта
 
 ### 9.1. Google Analytics и Search Console
@@ -268,8 +250,6 @@ const LocaleSwitcher: FC = () => {
 - Держите переводы свежими. Если вы изменяете описание продукта на английском, обновите его на французском, испанском и т. д.
 - Устаревшие переводы могут сбивать с толку клиентов и подрывать доверие пользователей.
 
----
-
 ## 10. Общие ошибки, которых следует избегать
 
 1. **Контент, переведённый машинным переводом**
@@ -284,14 +264,10 @@ const LocaleSwitcher: FC = () => {
 4. **Игнорирование культурных нюансов**
    Шутка или фраза, которая работает в одной стране, может быть оскорбительной или бессмысленной в другой.
 
----
-
 ## Проверьте свой сайт с помощью Intlayer SEO Scanner
 
 Чтобы убедиться, что ваше многоязычное приложение идеально оптимизировано, мы рекомендуем использовать [Intlayer SEO Scanner](https://intlayer.org/i18n-seo-scanner). Это специализированный инструмент для проверки многоязычных веб-сайтов, помогающий выявить недостающие теги hreflang, неработающие ссылки и другие проблемы SEO на всех ваших локализованных страницах.
 
----
-
 ## Заключение
 
 Создание многоязычного веб-сайта включает в себя гораздо больше, чем просто перевод текста. Это о структурировании URL эффективно, использовании тегов `hreflang`, чтобы помочь поисковым системам предлагать правильную версию, и обеспечении отличного пользовательского опыта , полного с локализованными визуальными элементами, селекторами языков и последовательной навигацией. Следуя этим лучшим практикам, вы получите успех на глобальных рынках, увеличите удовлетворенность пользователей и, в конечном итоге, получите лучшие результаты SEO в разных регионах.

package/blog/ru/intlayer_with_i18next.md

@@ -64,7 +64,6 @@ author: aymericzip
 ## Пошаговое руководство по настройке Intlayer с i18next
 
 <Steps>
-
 <Step number={1} title="Установка зависимостей">
 
 Установите необходимые пакеты:
@@ -111,7 +110,6 @@ bun add intlayer @intlayer/sync-json-plugin --dev
 - **@intlayer/sync-json-plugin**: Плагин для экспорта деклараций контента Intlayer в JSON-формат, совместимый с i18next
 
 </Step>
-
 <Step number={2} title="Реализация плагина Intlayer для обертки JSON">
 
 Создайте файл конфигурации Intlayer для определения поддерживаемых локалей:

package/blog/ru/intlayer_with_next-i18next.md

@@ -52,12 +52,9 @@ author: aymericzip
 
 В этом руководстве показано, как использовать превосходную систему декларации контента Intlayer, сохраняя при этом совместимость с next-i18next.
 
----
-
 ## Пошаговое руководство по настройке Intlayer с next-i18next
 
 <Steps>
-
 <Step number={1} title="Установка зависимостей">
 
 Установите необходимые пакеты с помощью предпочитаемого менеджера пакетов:
@@ -104,7 +101,6 @@ bun add intlayer @intlayer/sync-json-plugin --dev
 - **@intlayer/sync-json-plugin**: Плагин для синхронизации деклараций контента Intlayer с форматом JSON i18next
 
 </Step>
-
 <Step number={2} title="Реализация плагина Intlayer для обёртывания JSON">
 
 Создайте файл конфигурации Intlayer для определения поддерживаемых локалей:

package/blog/ru/intlayer_with_next-intl.md

@@ -58,7 +58,6 @@ author: aymericzip
 ## Пошаговое руководство по настройке Intlayer с next-intl
 
 <Steps>
-
 <Step number={1} title="Установка зависимостей">
 
 Установите необходимые пакеты:
@@ -105,7 +104,6 @@ bun add intlayer @intlayer/sync-json-plugin --dev
 - **@intlayer/sync-json-plugin**: Плагин для экспорта деклараций контента Intlayer в JSON-формат, совместимый с next-intl
 
 </Step>
-
 <Step number={2} title="Реализация плагина Intlayer для обёртки JSON">
 
 Создайте файл конфигурации Intlayer для определения поддерживаемых локалей:

package/blog/ru/intlayer_with_react-i18next.md

@@ -58,7 +58,6 @@ author: aymericzip
 ## Пошаговое руководство по настройке Intlayer с react-i18next
 
 <Steps>
-
 <Step number={1} title="Установка зависимостей">
 
 Установите необходимые пакеты:
@@ -105,7 +104,6 @@ bun add intlayer @intlayer/sync-json-plugin --dev
 - **@intlayer/sync-json-plugin**: Плагин для экспорта деклараций контента Intlayer в JSON-формат, совместимый с react-i18next
 
 </Step>
-
 <Step number={2} title="Реализация плагина Intlayer для обёртки JSON">
 
 Создайте файл конфигурации Intlayer для определения поддерживаемых локалей:

package/blog/ru/intlayer_with_react-intl.md

@@ -56,7 +56,6 @@ author: aymericzip
 ## Пошаговое руководство по настройке Intlayer с react-intl
 
 <Steps>
-
 <Step number={1} title="Установка зависимостей">
 
 Установите необходимые пакеты:
@@ -103,7 +102,6 @@ bun add intlayer @intlayer/sync-json-plugin --dev
 - **@intlayer/sync-json-plugin**: Плагин для экспорта деклараций контента Intlayer в формат JSON, совместимый с react-intl
 
 </Step>
-
 <Step number={2} title="Реализация плагина Intlayer для обертки JSON">
 
 Создайте файл конфигурации Intlayer для определения поддерживаемых локалей:

package/blog/ru/intlayer_with_vue-i18n.md

@@ -53,12 +53,9 @@ author: aymericzip
 
 Это руководство показывает, как использовать превосходную систему декларации контента Intlayer, сохраняя при этом совместимость с vue-i18n.
 
----
-
 ## Пошаговое руководство по настройке Intlayer с vue-i18n
 
 <Steps>
-
 <Step number={1} title="Установка зависимостей">
 
 Установите необходимые пакеты с помощью предпочитаемого менеджера пакетов:
@@ -105,7 +102,6 @@ bun add intlayer @intlayer/sync-json-plugin --dev
 - **@intlayer/sync-json-plugin**: Плагин для синхронизации деклараций контента Intlayer с форматом JSON vue-i18n
 
 </Step>
-
 <Step number={2} title="Реализация плагина Intlayer для обёртки JSON">
 
 Создайте файл конфигурации Intlayer для определения поддерживаемых локалей:

package/blog/ru/list_i18n_technologies/frameworks/angular.md

@@ -23,16 +23,12 @@ author: aymericzip
 
 В сегодняшнем взаимосвязанном мире предоставление вашего веб-сайта на нескольких языках может значительно расширить ваш охват и улучшить пользовательский опыт. Для разработчиков, работающих с Angular, внедрение интернационализации (i18n) имеет решающее значение для эффективного управления переводами, сохраняя структуру приложения, SEO и производительность. В этой статье мы рассмотрим различные подходы к i18n , от встроенных решений Angular до популярных сторонних библиотек , чтобы помочь вам определить, что лучше всего подходит для вашего проекта.
 
----
-
 ## Что такое интернационализация (i18n)?
 
 Интернационализация, часто называемая i18n, это процесс проектирования и подготовки вашего приложения для поддержки нескольких языков и культурных контекстов. В Angular это включает в себя настройку вашего приложения так, чтобы текст, даты, числа и даже макеты пользовательского интерфейса могли без труда адаптироваться к различным локалям. Правильная установка этой основы обеспечивает упорядоченность и эффективность интеграции будущих переводов.
 
 Узнайте больше о основах i18n, прочитав нашу статью: [Что такое интернационализация (i18n)? Определение и проблемы](https://github.com/aymericzip/intlayer/blob/main/docs/blog/ru/what_is_internationalization.md).
 
----
-
 ## Проблема перевода для приложений на Angular
 
 Перевод приложения на Angular вводит несколько проблем:
@@ -43,8 +39,6 @@ author: aymericzip
 - **Маршрутизация и состояние**: Обеспечение правильного языка при навигации между маршрутами включает управление состоянием и, возможно, пользовательские охранники маршрутов или перехватчики.
 - **Масштабируемость и обслуживание**: Файлы переводов могут быстро увеличиваться в объеме, и поддержание их в организации, версиях и синхронизации с развитием вашего приложения может быть постоянной задачей.
 
----
-
 ## Ведущие решения i18n для Angular
 
 Angular предлагает встроенную систему i18n, а также несколько сторонних библиотек, предназначенных для упрощения настройки многоязычности. Ниже приведены некоторые из самых популярных решений.
@@ -69,8 +63,6 @@ Angular предлагает встроенную систему i18n, а так
 
 - **Сообщество и экосистема**: Хотя экосистема постоянно растет, она всё еще относительно новая, поэтому количество плагинов и инструментов от сообщества может быть более ограниченным по сравнению с более устоявшимися решениями.
 
----
-
 ### 2. Встроенное i18n Angular
 
 **Обзор**  
@@ -89,8 +81,6 @@ Angular поставляется с **встроенной системой i18n
 - **Динамический контент**: Обработка контента в реальном времени или контента, созданного пользователем, может потребовать дополнительной логики, так как встроенное решение Angular сильно ориентировано на переводы на этапе компиляции.
 - **Ограниченная гибкость времени выполнения**: Смена языков на лету (без перезагрузки приложения) может быть сложной, так как переводы включены на этапе сборки.
 
----
-
 ### 3. ngx-translate
 
 Сайт: [https://github.com/ngx-translate/core](https://github.com/ngx-translate/core)
@@ -111,8 +101,6 @@ Angular поставляется с **встроенной системой i18n
 - **SEO и SSR**: Если вам нужен серверный рендеринг с Angular Universal, ngx-translate требует дополнительной настройки для обеспечения корректных переводов, которые будут переданы краулерам и браузерам при первой загрузке.
 - **Производительность**: Хотя оно гибко во время выполнения, обработка большого количества переводов на больших страницах может иметь последствия для производительности, поэтому рекомендуется использовать стратегии кэширования.
 
----
-
 ### 4. Transloco
 
 Сайт: [https://ngneat.github.io/transloco/](https://ngneat.github.io/transloco/)