@intlayer/docs 8.12.4 → 9.0.0-canary.10

package/blog/ru/rag_powered_documentation_assistant.md

@@ -13,6 +13,7 @@ keywords:
 slugs:
   - blog
   - rag-powered-documentation-assistant
+author: aymericzip
 ---
 
 # Создание помощника по документации на базе RAG (разбиение на части, эмбеддинги и поиск)
@@ -69,13 +70,17 @@ RAG стал популярным подходом не случайно: это
 5.  **Дополнение и генерация (AG в RAG)** Эти фрагменты вставляются в подсказку для ChatGPT, чтобы модель отвечала с учетом реального контекста документации.
 6.  **Логирование запросов для обратной связи** Каждый пользовательский запрос сохраняется. Это бесценно для понимания болевых точек, отсутствующей документации или новых возможностей.
 
-## Шаг 1: Чтение документации
+<Steps>
+
+<Step number={1} title="Чтение документации">
 
 Первый шаг был простым: мне нужно было просканировать папку docs/ на наличие всех файлов с расширением .md. Используя Node.js и glob, я загрузил содержимое каждого Markdown-файла в память.
 
 Это сохраняет гибкость конвейера: вместо Markdown вы можете получать документы из базы данных, CMS или даже API.
 
-## Шаг 2: Разбиение документации на части
+</Step>
+
+<Step number={2} title="Разбиение документации на части">
 
 Зачем разбивать? Потому что у языковых моделей есть **ограничения по контексту**. Передавать им целую книгу документации не получится.
 
@@ -93,7 +98,9 @@ RAG стал популярным подходом не случайно: это
 - Слишком маленький → появляется шум.
 - Слишком большой → увеличивается размер контекста.
 
-## Шаг 3: Генерация эмбеддингов
+</Step>
+
+<Step number={3} title="Генерация эмбеддингов">
 
 После разбиения документов на чанки мы генерируем **эмбеддинги**, векторы высокой размерности, представляющие каждый чанк.
 
@@ -111,7 +118,9 @@ RAG стал популярным подходом не случайно: это
 
 Каждый вектор, это математический отпечаток текста, позволяющий выполнять поиск по сходству.
 
-## Шаг 4: Индексация и хранение эмбеддингов
+</Step>
+
+<Step number={4} title="Индексация и хранение эмбеддингов">
 
 Чтобы избежать многократной генерации эмбеддингов, я сохранил их в файле embeddings.json.
 
@@ -124,7 +133,9 @@ RAG стал популярным подходом не случайно: это
 
 Векторные базы данных обеспечивают индексацию, масштабируемость и быстрый поиск. Но для моего прототипа локальный JSON отлично подошёл.
 
-## Шаг 5: Поиск с помощью косинусного сходства
+</Step>
+
+<Step number={5} title="Поиск с помощью косинусного сходства">
 
 Когда пользователь задаёт вопрос:
 
@@ -136,7 +147,9 @@ RAG стал популярным подходом не случайно: это
 
 Таким образом система находит наиболее близкие к запросу фрагменты документа.
 
-## Шаг 6: Расширение + Генерация
+</Step>
+
+<Step number={6} title="Расширение + Генерация">
 
 Теперь начинается магия. Мы берём топ чанков и вставляем их в **системный промпт** для ChatGPT.
 
@@ -144,7 +157,9 @@ RAG стал популярным подходом не случайно: это
 
 Результат: точные, **основанные на документации ответы**.
 
-## Шаг 7: Логирование запросов пользователей
+</Step>
+
+<Step number={7} title="Логирование запросов пользователей">
 
 Это скрытая суперсила.
 
@@ -157,7 +172,9 @@ RAG стал популярным подходом не случайно: это
 
 Это превращает вашего RAG-ассистента в **инструмент непрерывного исследования пользователей**.
 
-## Сколько это стоит?
+</Step>
+
+<Step number={8} title="Сколько это стоит?">
 
 Одно из распространённых возражений против RAG, стоимость. На практике это удивительно дешево:
 
@@ -167,7 +184,9 @@ RAG стал популярным подходом не случайно: это
 
 Кроме того, вы можете включить стоимость хостинга.
 
-## Детали реализации
+</Step>
+
+<Step number={9} title="Детали реализации">
 
 Стек:
 
@@ -231,7 +250,9 @@ docUrl: "https://example.com/docs/ru/another-doc"
 
 👉 [Попробуйте демо здесь](https://intlayer.org/doc/why) 👉 [Посмотрите шаблон кода на GitHub](https://github.com/aymericzip/smart_doc_RAG)
 
-## Дальнейшие шаги
+</Step>
+
+<Step number={10} title="Дальнейшие шаги">
 
 Этот проект является минимальной реализацией. Но вы можете расширить его во многих направлениях:
 
@@ -243,13 +264,17 @@ docUrl: "https://example.com/docs/ru/another-doc"
 - Многоисточниковый поиск → извлечение не только документов, но и записей из баз данных, блогов, тикетов и т.д.
 - Улучшенный prompting → повторная ранжировка, фильтрация и гибридный поиск (ключевые слова + семантика)
 
-## Ограничения, с которыми мы столкнулись
+</Step>
+
+<Step number={11} title="Ограничения, с которыми мы столкнулись">
 
 - Разбиение на фрагменты и перекрытие эмпиричны. Правильный баланс (размер фрагмента, процент перекрытия, количество извлекаемых фрагментов) требует итераций и тестирования.
 - Встраивания (embeddings) не регенерируются автоматически при изменении документации. Наша система сбрасывает встраивания для файла только если количество фрагментов отличается от сохранённого.
 - В этом прототипе эмбеддинги хранятся в формате JSON. Это подходит для демонстраций, но засоряет Git. В продакшене лучше использовать базу данных или специализированное хранилище векторов.
 
-## Почему это важно не только для документации
+</Step>
+
+<Step number={12} title="Почему это важно не только для документации">
 
 Интересная часть, это не просто чат-бот. Это **обратная связь**.
 
@@ -269,7 +294,9 @@ docUrl: "https://example.com/docs/ru/another-doc"
 
 Это **продуктовая аналитика** прямо от ваших пользователей.
 
-## Заключение
+</Step>
+
+<Step number={13} title="Заключение">
 
 RAG, один из самых простых и мощных способов сделать LLM практичными. Объединив **извлечение + генерацию**, вы можете превратить статичную документацию в **умного помощника** и одновременно получить непрерывный поток инсайтов о продукте.
 
@@ -282,3 +309,20 @@ RAG, один из самых простых и мощных способов с
 👉 [Попробуйте демо здесь](https://intlayer.org/doc/why) 👉 [Посмотрите шаблон кода на GitHub](https://github.com/aymericzip/smart_doc_RAG)
 
 Если вы тоже экспериментируете с RAG, мне было бы интересно узнать, как вы его используете.
+
+</Step>
+
+</Steps>
+## Заключение
+
+RAG — один из самых простых и мощных способов сделать LLM практичными. Комбинируя **поиск + генерацию**, вы можете превратить статичную документацию в **умного помощника** и одновременно получить постоянный поток информации о продукте.
+
+Для меня этот проект показал, что RAG — это не просто технический трюк. Это способ преобразовать документацию в:
+
+- интерактивную систему поддержки
+- канал обратной связи
+- инструмент стратегии продукта
+
+👉 [Попробуйте демо здесь](https://intlayer.org/doc/why) 👉 [Посмотрите шаблон кода на GitHub](https://github.com/aymericzip/smart_doc_RAG)
+
+И если вы тоже экспериментируете с RAG, я бы с удовольствием узнал, как вы его используете.

package/blog/ru/react-i18next_vs_react-intl_vs_intlayer.md

@@ -15,6 +15,7 @@ keywords:
 slugs:
   - blog
   - react-i18next-vs-react-intl-vs-intlayer
+author: aymericzip
 ---
 
 # react-Intl ПРОТИВ react-i18next ПРОТИВ intlayer | Интернационализация React (i18n)
@@ -136,6 +137,14 @@ slugs:
 
 ---
 
+## Взаимодействие с `react-intl` и `react-i18next`
+
+`intlayer` также может помочь управлять вашими пространствами имен `react-intl` и `react-i18next`.
+
+Используя `intlayer`, вы можете объявлять свой контент в формате вашей любимой библиотеки i18n, и intlayer будет генерировать ваши пространства имен в выбранном вами месте (пример: `/messages/{{locale}}/{{namespace}}.json`).
+
+---
+
 ## Практические заметки по миграции (react-intl / react-i18next → Intlayer)
 
 - **Мигрируйте постепенно**: начните с одной функции или маршрута; в период перехода сохраняйте старые каталоги параллельно.

package/blog/ru/vue-i18n_vs_intlayer.md

@@ -15,6 +15,7 @@ keywords:
 slugs:
   - blog
   - vue-i18n-vs-intlayer
+author: aymericzip
 ---
 
 # vue-i18n ПРОТИВ Intlayer | Интернационализация Vue (i18n)
@@ -248,6 +249,14 @@ const { greeting } = useIntlayer("component-example");
 
 ---
 
+## Interoperability with vue-i18n
+
+`intlayer` also может помочь управлять вашими `vue-i18n` namespaces.
+
+Using `intlayer`, you can declare your content in the format of your favorite i18n library, and intlayer will generate your namespaces in the location of your choice (example: `/messages/{{locale}}/{{namespace}}.json`).
+
+---
+
 ## Практические заметки по миграции (vue-i18n → Intlayer)
 
 - **Начинайте по функциям**: Переносите по одному маршруту/виду/компоненту за раз в локальные словари Intlayer.

package/blog/ru/what_is_internationalization.md

@@ -15,6 +15,7 @@ keywords:
 slugs:
   - blog
   - what-is-internationalization
+author: aymericzip
 ---
 
 # Что такое Интернационализация (i18n)? Определение и вызовы

package/blog/tr/compiler_vs_declarative_i18n.md

@@ -16,6 +16,7 @@ keywords:
 slugs:
   - blog
   - compiler-vs-declarative-i18n
+author: aymericzip
 ---
 
 # Derleyici Tabanlı i18n İçin ve Karşı Argümanlar

package/blog/tr/i18n_meaning.md

@@ -14,6 +14,7 @@ keywords:
 slugs:
   - blog
   - i18n-meaning
+author: aymericzip
 ---
 
 # i18n Anlamı: Uluslararasılaştırma Nedir ve Neden Önemlidir?

package/blog/tr/i18n_using_next-i18next.md

@@ -19,6 +19,7 @@ history:
   - version: 7.0.6
     date: 2025-11-01
     changes: İlk sürüm
+author: aymericzip
 ---
 
 # 2025'te next-i18next kullanarak Next.js uygulamanızı nasıl uluslararasılaştırırsınız

package/blog/tr/i18n_using_next-intl.md

@@ -18,6 +18,7 @@ history:
   - version: 7.0.0
     date: 2025-11-01
     changes: İlk sürüm
+author: aymericzip
 ---
 
 # 2025'te next-intl kullanarak Next.js uygulamanızı nasıl uluslararasılaştırırsınız

package/blog/tr/index.md

@@ -13,6 +13,7 @@ keywords:
 slugs:
   - blog
   - search
+author: aymericzip
 ---
 
 # JavaScript'te Uluslararasılaştırmayı Kucaklamak: Küresel Erişimi ve SEO'yu Geliştirme

package/blog/tr/internationalization_and_SEO.md

@@ -14,6 +14,7 @@ keywords:
 slugs:
   - blog
   - SEO-and-i18n
+author: aymericzip
 ---
 
 # SEO & I18n: Web Sitenizi Çok Dilli Yapmanın Nihai Rehberi

package/blog/tr/intlayer_with_i18next.md

@@ -27,12 +27,17 @@ history:
   - version: 7.0.0
     date: 2025-10-29
     changes: syncJSON eklentisine geçildi
+author: aymericzip
 ---
 
 # i18next JSON çevirilerinizi Intlayer kullanarak nasıl otomatikleştirirsiniz
 
 <iframe title="i18next JSON çevirilerinizi Intlayer kullanarak nasıl otomatikleştirirsiniz" class="m-auto aspect-16/9 w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/MpGMxniDHNg?autoplay=0&amp;origin=https://intlayer.org&amp;controls=0&amp;rel=1"/>
 
+## İçindekiler
+
+<TOC/>
+
 ## Intlayer nedir?
 
 **Intlayer**, geleneksel i18n çözümlerinin eksikliklerini gidermek için tasarlanmış yenilikçi, açık kaynaklı bir uluslararasılaştırma kütüphanesidir. JavaScript uygulamalarında içerik yönetimi için modern bir yaklaşım sunar.
@@ -58,28 +63,46 @@ Bu rehber, Intlayer'ın üstün içerik beyan sistemi avantajlarından yararlan
 
 ## Intlayer'ı i18next ile Kurmak için Adım Adım Rehber
 
-### Adım 1: Bağımlılıkları Yükleyin
+<Steps>
+
+<Step number={1} title="Bağımlılıkları Yükleyin">
 
 Gerekli paketleri yükleyin:
 
+```bash packageManager="npm"
+npx intlayer-cli init --interactive
+```
+
+```bash packageManager="pnpm"
+pnpm dlx intlayer-cli init --interactive
+```
+
+```bash packageManager="yarn"
+yarn dlx intlayer-cli init --interactive
+```
+
+```bash packageManager="bun"
+bunx intlayer-cli init --interactive
+```
+
+> `--interactive` bayrağı isteğe bağlıdır. Bir yapay zeka aracısıysanız `intlayer-cli init` kullanın.
+
+> Bu komut ortamınızı algılayacak ve gerekli paketleri yükleyecektir. Örneğin:
+
 ```bash packageManager="npm"
 npm install intlayer @intlayer/sync-json-plugin --save-dev
-npx intlayer init
 ```
 
 ```bash packageManager="pnpm"
 pnpm add intlayer @intlayer/sync-json-plugin --save-dev
-pnpm intlayer init
 ```
 
 ```bash packageManager="yarn"
 yarn add intlayer @intlayer/sync-json-plugin --dev
-yarn intlayer init
 ```
 
 ```bash packageManager="bun"
 bun add intlayer @intlayer/sync-json-plugin --dev
-bun x intlayer init
 ```
 
 **Paket açıklamaları:**
@@ -87,7 +110,9 @@ bun x intlayer init
 - **intlayer**: Uluslararasılaştırma yönetimi, içerik beyanı ve derleme için temel kütüphane
 - **@intlayer/sync-json-plugin**: Intlayer içerik beyanlarını i18next uyumlu JSON formatına aktarmak için eklenti
 
-### Adım 2: JSON'u sarmak için Intlayer eklentisini uygulayın
+</Step>
+
+<Step number={2} title="JSON'u sarmak için Intlayer eklentisini uygulayın">
 
 Desteklenen yerel ayarları tanımlamak için bir Intlayer yapılandırma dosyası oluşturun:
 
@@ -123,7 +148,9 @@ JSON'u çevirmek için CLI veya CMS kullanılarak değişiklik yapılırsa, Intl
 
 `syncJSON` eklentisi hakkında daha fazla detay görmek için lütfen [syncJSON eklenti dokümantasyonuna](https://github.com/aymericzip/intlayer/blob/main/docs/docs/tr/plugins/sync-json.md) bakınız.
 
-### (İsteğe Bağlı) Adım 3: Bileşen başına JSON çevirilerini uygulama
+</Step>
+
+<Step number={3} title="Bileşen başına JSON çevirilerini uygulama">
 
 Varsayılan olarak, Intlayer hem JSON hem de içerik beyan dosyalarını yükler, birleştirir ve senkronize eder. Daha fazla detay için [içerik beyan dokümantasyonuna](https://github.com/aymericzip/intlayer/blob/main/docs/docs/tr/dictionary/content_file.md) bakabilirsiniz. Ancak isterseniz, bir Intlayer eklentisi kullanarak, kod tabanınızın herhangi bir yerinde yerelleştirilmiş JSON’un bileşen başına yönetimini de uygulayabilirsiniz.
 
@@ -166,6 +193,10 @@ Bu, `src` dizininde `{key}.i18n.json` desenine uyan tüm JSON dosyalarını yük
 
 ---
 
+</Step>
+
+</Steps>
+
 ## Git Yapılandırması
 
 Otomatik oluşturulan Intlayer dosyalarını görmezden gelmeniz önerilir:

package/blog/tr/intlayer_with_next-i18next.md

@@ -23,6 +23,7 @@ history:
   - version: 7.0.0
     date: 2025-10-29
     changes: syncJSON eklentisine geçiş ve kapsamlı yeniden yazım
+author: aymericzip
 ---
 
 # next-i18next ve Intlayer ile Next.js Uluslararasılaştırması (i18n)
@@ -33,17 +34,6 @@ history:
 
 <TOC/>
 
-## next-i18next nedir?
-
-**next-i18next**, Next.js uygulamaları için en popüler uluslararasılaştırma (i18n) çerçevelerinden biridir. Güçlü **i18next** ekosistemi üzerine inşa edilmiştir ve Next.js projelerinde çevirilerin yönetimi, yerelleştirme ve dil değiştirme için kapsamlı bir çözüm sunar.
-
-Ancak, next-i18next bazı zorluklarla birlikte gelir:
-
-- **Karmaşık yapılandırma**: next-i18next kurulumu, birden fazla yapılandırma dosyası gerektirir ve sunucu tarafı ile istemci tarafı i18n örneklerinin dikkatli kurulmasını gerektirir.
-- **Dağınık çeviriler**: Çeviri dosyaları genellikle bileşenlerden ayrı dizinlerde saklanır, bu da tutarlılığı korumayı zorlaştırır.
-- **Manuel isim alanı yönetimi**: Geliştiricilerin isim alanlarını manuel olarak yönetmesi ve çeviri kaynaklarının doğru şekilde yüklenmesini sağlaması gerekir.
-  /// **Sınırlı tür güvenliği**: TypeScript desteği ek yapılandırma gerektirir ve çeviriler için otomatik tür oluşturma sağlamaz.
-
 ## Intlayer Nedir?
 
 **Intlayer**, geleneksel i18n çözümlerinin eksikliklerini gidermek için tasarlanmış yenilikçi, açık kaynaklı bir uluslararasılaştırma kütüphanesidir. Next.js uygulamalarında içerik yönetimi için modern bir yaklaşım sunar.
@@ -66,28 +56,46 @@ Bu rehber, Intlayer'ın üstün içerik beyan sistemi avantajlarından yararlan
 
 ## Intlayer'ı next-i18next ile Kurmak İçin Adım Adım Rehber
 
-### Adım 1: Bağımlılıkları Yükleyin
+<Steps>
+
+<Step number={1} title="Bağımlılıkları Yükleyin">
 
 Tercih ettiğiniz paket yöneticisini kullanarak gerekli paketleri yükleyin:
 
+```bash packageManager="npm"
+npx intlayer-cli init --interactive
+```
+
+```bash packageManager="pnpm"
+pnpm dlx intlayer-cli init --interactive
+```
+
+```bash packageManager="yarn"
+yarn dlx intlayer-cli init --interactive
+```
+
+```bash packageManager="bun"
+bunx intlayer-cli init --interactive
+```
+
+> `--interactive` bayrağı isteğe bağlıdır. Bir yapay zeka aracısıysanız `intlayer-cli init` kullanın.
+
+> Bu komut ortamınızı algılayacak ve gerekli paketleri yükleyecektir. Örneğin:
+
 ```bash packageManager="npm"
 npm install intlayer @intlayer/sync-json-plugin --save-dev
-npx intlayer init
 ```
 
 ```bash packageManager="pnpm"
 pnpm add intlayer @intlayer/sync-json-plugin --save-dev
-pnpm intlayer init
 ```
 
 ```bash packageManager="yarn"
 yarn add intlayer @intlayer/sync-json-plugin --dev
-yarn intlayer init
 ```
 
 ```bash packageManager="bun"
 bun add intlayer @intlayer/sync-json-plugin --dev
-bun x intlayer init
 ```
 
 **Paket açıklamaları:**
@@ -95,7 +103,9 @@ bun x intlayer init
 - **intlayer**: İçerik beyanı ve yönetimi için temel kütüphane
 - **@intlayer/sync-json-plugin**: Intlayer içerik beyanlarını i18next JSON formatına senkronize etmek için eklenti
 
-### Adım 2: JSON'u sarmak için Intlayer eklentisini uygulayın
+</Step>
+
+<Step number={2} title="JSON'u sarmak için Intlayer eklentisini uygulayın">
 
 Desteklenen yerel ayarları tanımlamak için bir Intlayer yapılandırma dosyası oluşturun:
 
@@ -145,7 +155,9 @@ JSON'i çevirmek için CLI kullanılarak veya CMS kullanılarak değişiklikler
 
 ---
 
-### (İsteğe Bağlı) Adım 3: Bileşen başına JSON çevirilerini uygulama
+</Step>
+
+<Step number={3} title="Bileşen başına JSON çevirilerini uygulama">
 
 Varsayılan olarak, Intlayer hem JSON hem de içerik beyan dosyalarını yükler, birleştirir ve senkronize eder. Daha fazla ayrıntı için [içerik beyan dokümantasyonuna](https://github.com/aymericzip/intlayer/blob/main/docs/docs/tr/dictionary/content_file.md) bakınız. Ancak isterseniz, Intlayer eklentisi kullanarak, kod tabanınızın herhangi bir yerinde yerelleştirilmiş JSON'un bileşen bazında yönetimini de uygulayabilirsiniz.
 
@@ -188,6 +200,10 @@ Bu, `src` dizinindeki `{key}.i18n.json` desenine uyan tüm JSON dosyalarını y
 
 ---
 
+</Step>
+
+</Steps>
+
 ## Git Yapılandırması
 
 Oluşturulan dosyaları sürüm kontrolünden hariç tutun:

package/blog/tr/intlayer_with_next-intl.md

@@ -22,12 +22,17 @@ history:
   - version: 7.0.0
     date: 2025-10-29
     changes: syncJSON eklentisine geçildi
+author: aymericzip
 ---
 
 # Intlayer kullanarak next-intl JSON çevirilerinizi nasıl otomatikleştirirsiniz
 
 <iframe title="Intlayer kullanarak next-intl JSON çevirilerinizi nasıl otomatikleştirirsiniz" class="m-auto aspect-16/9 w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/MpGMxniDHNg?autoplay=0&amp;origin=https://intlayer.org&amp;controls=0&amp;rel=1"/>
 
+# İçindekiler Tablosu
+
+<TOC/>
+
 ## Intlayer nedir?
 
 **Intlayer**, geleneksel i18n çözümlerinin eksikliklerini gidermek için tasarlanmış yenilikçi, açık kaynaklı bir uluslararasılaştırma kütüphanesidir. Next.js uygulamalarında içerik yönetimi için modern bir yaklaşım sunar.
@@ -53,28 +58,46 @@ Bu rehber, Intlayer'ın üstün içerik beyan sistemi avantajlarından yararlan
 
 ## Intlayer'ı next-intl ile Kurmak için Adım Adım Rehber
 
-### Adım 1: Bağımlılıkları Yükleyin
+<Steps>
+
+<Step number={1} title="Bağımlılıkları Yükleyin">
 
 Gerekli paketleri yükleyin:
 
+```bash packageManager="npm"
+npx intlayer-cli init --interactive
+```
+
+```bash packageManager="pnpm"
+pnpm dlx intlayer-cli init --interactive
+```
+
+```bash packageManager="yarn"
+yarn dlx intlayer-cli init --interactive
+```
+
+```bash packageManager="bun"
+bunx intlayer-cli init --interactive
+```
+
+> `--interactive` bayrağı isteğe bağlıdır. Bir yapay zeka aracısıysanız `intlayer-cli init` kullanın.
+
+> Bu komut ortamınızı algılayacak ve gerekli paketleri yükleyecektir. Örneğin:
+
 ```bash packageManager="npm"
 npm install intlayer @intlayer/sync-json-plugin --save-dev
-npx intlayer init
 ```
 
 ```bash packageManager="pnpm"
 pnpm add intlayer @intlayer/sync-json-plugin --save-dev
-pnpm intlayer init
 ```
 
 ```bash packageManager="yarn"
 yarn add intlayer @intlayer/sync-json-plugin --dev
-yarn intlayer init
 ```
 
 ```bash packageManager="bun"
 bun add intlayer @intlayer/sync-json-plugin --dev
-bun x intlayer init
 ```
 
 **Paket açıklamaları:**
@@ -82,7 +105,9 @@ bun x intlayer init
 - **intlayer**: Uluslararasılaştırma yönetimi, içerik beyanı ve oluşturma için temel kütüphane
 - **@intlayer/sync-json-plugin**: Intlayer içerik beyanlarını next-intl uyumlu JSON formatına aktarmak için eklenti
 
-### Adım 2: JSON'u sarmak için Intlayer eklentisini uygulayın
+</Step>
+
+<Step number={2} title="JSON'u sarmak için Intlayer eklentisini uygulayın">
 
 Desteklenen yerellerinizi tanımlamak için bir Intlayer yapılandırma dosyası oluşturun:
 
@@ -119,7 +144,9 @@ JSON'u çevirmek için CLI kullanılarak veya CMS aracılığıyla değişiklikl
 
 `syncJSON` eklentisi hakkında daha fazla ayrıntı için lütfen [syncJSON eklentisi dokümantasyonuna](https://github.com/aymericzip/intlayer/blob/main/docs/docs/tr/plugins/sync-json.md) bakınız.
 
-### (İsteğe Bağlı) Adım 3: Bileşen başına JSON çevirilerini uygulama
+</Step>
+
+<Step number={3} title="Bileşen başına JSON çevirilerini uygulama">
 
 Varsayılan olarak, Intlayer hem JSON hem de içerik beyan dosyalarını yükler, birleştirir ve senkronize eder. Daha fazla ayrıntı için lütfen [içerik beyan dokümantasyonuna](https://github.com/aymericzip/intlayer/blob/main/docs/docs/tr/dictionary/content_file.md) bakın. Ancak isterseniz, Intlayer eklentisi kullanarak, kod tabanınızın herhangi bir yerinde yerelleştirilmiş JSON'un bileşen bazında yönetimini de uygulayabilirsiniz.
 
@@ -161,6 +188,10 @@ export default config;
 
 Bu, `src` dizininde `{key}.i18n.json` desenine uyan tüm JSON dosyalarını yükleyecek ve bunları Intlayer sözlükleri olarak kullanacaktır.
 
+</Step>
+
+</Steps>
+
 ## Git Yapılandırması
 
 Otomatik oluşturulan Intlayer dosyalarını göz ardı etmeniz önerilir: