@intlayer/docs 7.0.4-canary.0 → 7.0.4

package/blog/tr/intlayer_with_react-intl.md

@@ -1,345 +1,123 @@
 ---
-createdAt: 2025-09-07
-updatedAt: 2025-09-07
-title: Intlayer ve react-intl
-description: React uygulaması için Intlayer'ı react-intl ile entegre edin
+createdAt: 2025-01-02
+updatedAt: 2025-10-29
+title: Intlayer kullanarak react-intl JSON çevirilerinizi nasıl otomatikleştirirsiniz
+description: React uygulamalarında gelişmiş uluslararasılaştırma için Intlayer ve react-intl ile JSON çevirilerinizi otomatikleştirin.
 keywords:
   - react-intl
   - Intlayer
-  - Internationalization
+  - Uluslararasılaştırma
   - Blog
-  - Next.js
+  - i18n
   - JavaScript
   - React
+  - FormatJS
 slugs:
   - blog
   - intlayer-with-react-intl
+history:
+  - version: 7.0.0
+    date: 2025-10-29
+    changes: syncJSON eklentisine geçiş
 ---
 
-# React Uluslararasılaştırma (i18n) ile **react-intl** ve Intlayer
+# Intlayer kullanarak react-intl JSON çevirilerinizi nasıl otomatikleştirirsiniz
 
-Bu rehber, React uygulamasında çevirileri yönetmek için **Intlayer**'ı **react-intl** ile nasıl entegre edeceğinizi gösterir. Çevrilebilir içeriğinizi Intlayer ile beyan edeceksiniz ve ardından bu mesajları **react-intl** ile tüketeceksiniz, [FormatJS](https://formatjs.io/docs/react-intl) ekosisteminden popüler bir kütüphane.
+## Intlayer nedir?
 
-## Genel Bakış
+**Intlayer**, geleneksel i18n çözümlerinin eksikliklerini gidermek için tasarlanmış yenilikçi, açık kaynaklı bir uluslararasılaştırma kütüphanesidir. React uygulamalarında içerik yönetimi için modern bir yaklaşım sunar.
 
-- **Intlayer**, çevirileri projenizde **bileşen düzeyinde** içerik beyan dosyalarında (JSON, JS, TS vb.) saklamanıza izin verir.
-- **react-intl**, yerelleştirilmiş dizeleri görüntülemek için React bileşenleri ve hook'lar ( `<FormattedMessage>` ve `useIntl()` gibi) sağlar.
+react-intl ile somut bir karşılaştırma için [react-i18next vs. react-intl vs. Intlayer](https://github.com/aymericzip/intlayer/blob/main/docs/blog/en/react-i18next_vs_react-intl_vs_intlayer.md) blog yazımıza bakabilirsiniz.
 
-Intlayer'ı çevirileri **react-intl–uyumlu** bir formatta **dışa aktarmak** için yapılandırarak, `<IntlProvider>` (react-intl'den) tarafından gereken mesaj dosyalarını otomatik olarak **oluşturabilir** ve **güncelleyebilirsiniz**.
+## Neden Intlayer'ı react-intl ile Birleştirmelisiniz?
 
----
+Intlayer mükemmel bir bağımsız i18n çözümü sunarken (bakınız [React entegrasyon rehberimiz](https://github.com/aymericzip/intlayer/blob/main/docs/docs/en/intlayer_with_vite+react.md)), react-intl ile birkaç nedenle birleştirmek isteyebilirsiniz:
 
-## Neden Intlayer'ı react-intl ile Kullanmalı?
+1. **Mevcut kod tabanı**: Yerleşik bir react-intl uygulamanız var ve Intlayer'ın geliştirilmiş geliştirici deneyimine kademeli olarak geçmek istiyorsunuz.
+2. **Eski gereksinimler**: Projeniz mevcut react-intl eklentileri veya iş akışları ile uyumluluk gerektiriyor.
+3. **Ekip aşinalığı**: Ekibiniz react-intl ile rahat ancak daha iyi içerik yönetimi istiyor.
 
-1. **Bileşen Başına Sözlükler**  
-   Intlayer içerik beyan dosyaları React bileşenlerinizin yanında yaşayabilir, bileşenler taşındığında veya kaldırıldığında "yetim" çevirileri önler. Örneğin:
+**Bunun için, Intlayer react-intl için bir adaptör olarak uygulanabilir; böylece JSON çevirilerinizi CLI veya CI/CD boru hatlarında otomatikleştirebilir, çevirilerinizi test edebilir ve daha fazlasını yapabilirsiniz.**
 
-   ```bash
-   .
-   └── src
-       └── components
-           └── MyComponent
-               ├── index.content.ts   # Intlayer içerik beyan
-               └── index.tsx          # React bileşeni
-   ```
+Bu rehber, Intlayer'ın üstün içerik beyan sistemi avantajlarından yararlanırken react-intl ile uyumluluğu nasıl koruyacağınızı gösterir.
 
-2. **Merkezi Çeviriler**  
-   Her içerik beyan dosyası bir bileşen tarafından ihtiyaç duyulan tüm çevirileri toplar. Bu, özellikle TypeScript projelerinde yardımcı olur: eksik çeviriler **derleme zamanında** yakalanabilir.
+## İçindekiler
 
-3. **Otomatik Oluşturma ve Yeniden Oluşturma**  
-   Çeviri eklediğinizde veya güncellediğinizde, Intlayer mesaj JSON dosyalarını yeniden oluşturur. Bunları react-intl’in `<IntlProvider>`'ına geçebilirsiniz.
+<TOC/>
 
----
+## Intlayer'ı react-intl ile Kurmak İçin Adım Adım Rehber
 
-## Kurulum
+### Adım 1: Bağımlılıkları Yükleyin
 
-Tipik bir React projesinde şunları yükleyin:
+Gerekli paketleri yükleyin:
 
-```bash
-# npm ile
-npm install intlayer react-intl
+```bash packageManager="npm"
+npm install intlayer @intlayer/sync-json-plugin
+```
 
-# yarn ile
-yarn add intlayer react-intl
+```bash packageManager="pnpm"
+pnpm add intlayer @intlayer/sync-json-plugin
+```
 
-# pnpm ile
-pnpm add intlayer react-intl
+```bash packageManager="yarn"
+yarn add intlayer @intlayer/sync-json-plugin
 ```
 
-### Bu Paketler Neden?
+**Paket açıklamaları:**
 
-- **intlayer**: İçerik beyanlarını tarar, birleştirir ve sözlük çıktılarını oluşturur.
-- **react-intl**: FormatJS'ten ana kütüphane, `<IntlProvider>`, `<FormattedMessage>`, `useIntl()` ve diğer uluslararasılaştırma primitiflerini sağlar.
+- **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ı react-intl uyumlu JSON formatına aktarmak için eklenti
 
-> React'i henüz yüklemediyseniz, onu da yüklemeniz gerekir (`react` ve `react-dom`).
+### Adım 2: JSON'u sarmak için Intlayer eklentisini uygulayın
 
-## react-intl Mesajlarını Dışa Aktarmak İçin Intlayer'ı Yapılandırma
+Desteklenen yerel ayarları tanımlamak için bir Intlayer yapılandırma dosyası oluşturun:
 
-Projenizin kökünde **`intlayer.config.ts`** (veya `.js`, `.mjs`, `.cjs`) oluşturun:
+**Eğer react-intl için JSON sözlüklerini de dışa aktarmak istiyorsanız**, `syncJSON` eklentisini ekleyin:
 
-```typescript title="intlayer.config.ts"
+```typescript fileName="intlayer.config.ts"
 import { Locales, type IntlayerConfig } from "intlayer";
+import { syncJSON } from "@intlayer/sync-json-plugin";
 
 const config: IntlayerConfig = {
   internationalization: {
-    // İstediğiniz kadar yerel ekleyin
     locales: [Locales.ENGLISH, Locales.FRENCH, Locales.SPANISH],
     defaultLocale: Locales.ENGLISH,
   },
-  content: {
-    // Intlayer'a react-intl için mesaj dosyaları oluşturmasını söyler
-    dictionaryOutput: ["react-intl"],
-
-    // Intlayer'ın mesaj JSON dosyalarınızı yazacağı dizin
-    reactIntlMessagesDir: "./react-intl/messages",
-  },
+  plugins: [
+    syncJSON({
+      source: ({ key, locale }) => `./intl/messages/${locale}/${key}.json`,
+    }),
+  ],
 };
 
 export default config;
 ```
 
-> **Not**: Diğer dosya uzantıları için (`.mjs`, `.cjs`, `.js`), kullanım detayları için [Intlayer dokümantasyonuna](https://intlayer.org/en/doc/concept/configuration) bakın.
-
----
-
-## Intlayer Sözlüklerinizi Oluşturma
-
-Intlayer kod tabanınızı (varsayılan olarak `./src` altında) `*.content.{ts,tsx,js,jsx,mjs,mjx,cjs,cjx,json}` ile eşleşen dosyalar için tarar.  
-**TypeScript** örneği burada:
-
-```typescript title="src/components/MyComponent/index.content.ts"
-import { t, type Dictionary } from "intlayer";
-
-const content = {
-  // "key" react-intl JSON dosyanızda üst düzey mesaj anahtarı olur
-  key: "my-component",
-
-  content: {
-    // t() çağrısının her biri çevrilebilir bir alan beyan eder
-    helloWorld: t({
-      en: "Hello World",
-      es: "Hola Mundo",
-      fr: "Bonjour le monde",
-    }),
-    description: t({
-      en: "This is a description",
-      fr: "Ceci est une description",
-      es: "Esta es una descripción",
-    }),
-  },
-} satisfies Dictionary;
-
-export default content;
-```
-
-JSON veya farklı JS türlerini tercih ederseniz (`.cjs`, `.mjs`), yapı büyük ölçüde aynıdır, bkz. [Intlayer içerik beyan dokümantasyonu](https://intlayer.org/en/doc/concept/content).
-
----
-
-## react-intl Mesajlarını Oluşturma
-
-**react-intl** için gerçek mesaj JSON dosyalarını oluşturmak için şunu çalıştırın:
-
-```bash
-# npm ile
-npx intlayer dictionaries build
-
-# yarn ile
-yarn intlayer build
-
-# pnpm ile
-pnpm intlayer build
-```
-
-Bu, tüm `*.content.*` dosyalarını tarar, derler ve sonuçları **`intlayer.config.ts`**'inizde belirtilen dizine yazar, bu örnekte `./react-intl/messages`.  
-Tipik bir çıktı şöyle görünebilir:
-
-```bash
-.
-└── react-intl
-    └── messages
-        ├── en.json
-        ├── fr.json
-        └── es.json
-```
-
-Her dosya, beyanlarınızın her **`content.key`**'ine karşılık gelen **üst düzey anahtarlara** sahip bir JSON nesnesidir. **Alt anahtarlar** ( `helloWorld` gibi) o içerik öğesi içinde beyan edilen çevirileri yansıtır.
-
-Örneğin, **en.json** şöyle görünebilir:
-
-```json fileName="react-intl/messages/en/my-component.json"
-{
-  "helloWorld": "Hello World",
-  "description": "This is a description"
-}
-```
-
----
-
-## React Uygulamanızda react-intl'i Başlatma
-
-### 1. Oluşturulan Mesajları Yükleyin
-
-Uygulamanızın kök bileşenini yapılandırdığınız yerde (örneğin, `src/main.tsx` veya `src/index.tsx`), şunları yapmanız gerekir:
-
-1. **İçe aktarın** oluşturulan mesaj dosyalarını (statik olarak veya dinamik olarak).
-2. **Sağlayın** bunları `react-intl`'den `<IntlProvider>`'a.
-
-Basit bir yaklaşım onları **statik olarak** içe aktarmaktır:
-
-```typescript title="src/index.tsx"
-import React from "react";
-import ReactDOM from "react-dom/client";
-import { IntlProvider } from "react-intl";
-import App from "./App";
-
-// Yapı çıktısından JSON dosyalarını içe aktarın.
-// Alternatif olarak, kullanıcının seçtiği yerele göre dinamik olarak içe aktarabilirsiniz.
-import en from "../react-intl/messages/en.json";
-import fr from "../react-intl/messages/fr.json";
-import es from "../react-intl/messages/es.json";
+`syncJSON` eklentisi JSON'u otomatik olarak saracaktır. İçerik mimarisini değiştirmeden JSON dosyalarını okuyup yazar.
 
+Eğer bu JSON'un intlayer içerik beyan dosyaları (`.content` dosyaları) ile birlikte var olmasını istiyorsanız, Intlayer şu şekilde ilerleyecektir:
 
+    1. Hem JSON hem de içerik beyan dosyalarını yükleyip bunları bir intlayer sözlüğüne dönüştürür.
 
-// Vite'nin import.meta.glob kullanarak tüm JSON dosyalarını dinamik olarak içe aktarın
-const messages = import.meta.glob("../react-intl/messages/**/*.json", {
-  eager: true,
-});
+2. JSON ile içerik beyan dosyaları arasında çakışma varsa, Intlayer tüm sözlükleri birleştirme işlemini gerçekleştirecektir. Bu, eklentilerin önceliğine ve içerik beyan dosyasının önceliğine bağlıdır (tüm öncelikler yapılandırılabilir).
 
-// Mesajları yapılandırılmış bir kayda toplayın
-const messagesRecord: Record<string, Record<string, any>> = {};
+JSON'u çevirmek için CLI kullanılarak veya CMS aracılığıyla değişiklik yapılırsa, Intlayer JSON dosyasını yeni çevirilerle güncelleyecektir.
 
-Object.entries(messages).forEach(([path, module]) => {
-  // Dosya yolundan yerel ve ad alanını çıkarın
-  const [, locale, namespace] = path.match(/messages\/(\w+)\/(.+?)\.json$/) ?? [];
-  if (locale && namespace) {
-    messagesRecord[locale] = messagesRecord[locale] ?? {};
-    messagesRecord[locale][namespace] = module.default; // JSON içeriğini atayın
-  }
-});
+`syncJSON` eklentisi hakkında daha fazla ayrıntı 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.
 
-// Her yerel için ad alanlarını birleştirin
-const mergeMessages = (locale: string) =>
-  Object.values(messagesRecord[locale] ?? {}).reduce(
-    (acc, namespaceMessages) => ({ ...acc, ...namespaceMessages }),
-    {}
-  );
-
-// Kullanıcının dilini algılamak için bir mekanizmanız varsa, burada ayarlayın.
-// Basitlik için İngilizce'yi seçelim.
-const locale = "en";
-
-
-ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render(
-  <React.StrictMode>
-    <IntlProvider locale={locale} messages={mergeMessages(locale)}>
-      <App />
-    </IntlProvider>
-  </React.StrictMode>
-);
-```
-
-> **İpucu**: Gerçek projeler için şunları yapabilirsiniz:
-
-> - JSON mesajlarını çalışma zamanında dinamik olarak yükleyin.
-> - Ortama dayalı, tarayıcıya dayalı veya kullanıcı hesabına dayalı yerel algılama kullanın.
-
-### 2. `<FormattedMessage>` veya `useIntl()` Kullanın
-
-Mesajlarınız `<IntlProvider>`'a yüklendikten sonra, herhangi bir alt bileşen react-intl'i yerelleştirilmiş dizelere erişmek için kullanabilir. İki ana yaklaşım vardır:
-
-- **`<FormattedMessage>`** bileşeni
-- **`useIntl()`** hook'u
-
----
-
-## React Bileşenlerinde Çevirileri Kullanma
-
-### Yaklaşım A: `<FormattedMessage>`
-
-Hızlı satır içi kullanım için:
-
-```tsx title="src/components/MyComponent/index.tsx"
-import React from "react";
-import { FormattedMessage } from "react-intl";
-
-export default function MyComponent() {
-  return (
-    <div>
-      <h1>
-        {/* “my-component.helloWorld” en.json, fr.json vb.'den anahtara başvurur */}
-        <FormattedMessage id="my-component.helloWorld" />
-      </h1>
-
-      <p>
-        <FormattedMessage id="my-component.description" />
-      </p>
-    </div>
-  );
-}
-```
-
-> `<FormattedMessage>`'teki **`id`** prop'u **üst düzey anahtar** (`my-component`) artı herhangi bir alt anahtar (`helloWorld`) ile eşleşmelidir.
-
-### Yaklaşım B: `useIntl()`
-
-Daha dinamik kullanım için:
-
-```tsx title="src/components/MyComponent/index.tsx"
-import React from "react";
-import { useIntl } from "react-intl";
-
-export default function MyComponent() {
-  const intl = useIntl();
-
-  return (
-    <div>
-      <h1>{intl.formatMessage({ id: "my-component.helloWorld" })}</h1>
-      <p>{intl.formatMessage({ id: "my-component.description" })}</p>
-    </div>
-  );
-}
-```
-
-Her iki yaklaşım da geçerlidir, uygulamanıza uygun olanı seçin.
-
----
-
-## Yeni Çeviriler Güncelleme veya Ekleme
-
-1. Herhangi bir `*.content.*` dosyasında içeriği **ekleyin veya değiştirin**.
-2. `./react-intl/messages` altında JSON dosyalarını yeniden oluşturmak için `intlayer build` komutunu yeniden çalıştırın.
-3. React (ve react-intl) güncellemeleri bir sonraki yeniden oluşturma veya yeniden yükleme sırasında alacak.
-
----
-
-## TypeScript Entegrasyonu (İsteğe Bağlı)
-
-TypeScript kullanıyorsanız, Intlayer çevirileriniz için **tip tanımlarını oluşturabilir**.
+## Git Yapılandırması
 
-- `tsconfig.json`'ınızın `"include"` dizisinde `types` klasörünüzü (veya Intlayer'ın oluşturduğu çıktı klasörünü) içerdiğinden emin olun.
+Otomatik oluşturulan Intlayer dosyalarını görmezden gelmeniz önerilir:
 
-```json5
-{
-  "compilerOptions": {
-    // ...
-  },
-  "include": ["src", "types"],
-}
+```plaintext fileName=".gitignore"
+# Intlayer tarafından oluşturulan dosyaları görmezden gel
+.intlayer
 ```
 
-Oluşturulan tipler, React bileşenlerinizde eksik çevirileri veya geçersiz anahtarları derleme zamanında algılamaya yardımcı olabilir.
-
----
-
-## Git Yapılandırması
+Bu dosyalar, derleme süreciniz sırasında yeniden oluşturulabilir ve sürüm kontrolüne eklenmeleri gerekmez.
 
-Intlayer'ın iç yapı eserlerini sürüm kontrolünden **hariç tutmak** yaygındır. `.gitignore` dosyanıza şunu ekleyin:
+### VS Code Eklentisi
 
-```plaintext
-# Intlayer yapı eserlerini yoksay
-.intlayer
-react-intl
-```
+Geliştirici deneyimini iyileştirmek için resmi **Intlayer VS Code Eklentisi**ni yükleyin:
 
-İş akışınıza bağlı olarak, `./react-intl/messages` içindeki son sözlükleri yoksayabilir veya commit edebilirsiniz. CI/CD boru hattınız onları yeniden oluşturuyorsa, güvenle yoksayabilirsiniz; aksi takdirde, üretim dağıtımları için ihtiyaç duyarsanız commit edin.
+[VS Code Market'ten Yükleyin](https://marketplace.visualstudio.com/items?itemName=intlayer.intlayer-vs-code-extension)

package/blog/vi/intlayer_with_i18next.md

@@ -0,0 +1,126 @@
+---
+createdAt: 2024-12-24
+updatedAt: 2025-10-29
+title: Cách tự động hóa bản dịch JSON i18next của bạn bằng Intlayer
+description: Tự động hóa bản dịch JSON của bạn với Intlayer và i18next để nâng cao quốc tế hóa trong các ứng dụng JavaScript.
+keywords:
+  - Intlayer
+  - i18next
+  - Quốc tế hóa
+  - i18n
+  - Địa phương hóa
+  - Dịch thuật
+  - React
+  - Next.js
+  - JavaScript
+  - TypeScript
+  - Di cư
+  - Tích hợp
+slugs:
+  - blog
+  - intlayer-with-i18next
+history:
+  - version: 7.0.0
+    date: 2025-10-29
+    changes: Thay đổi sang plugin syncJSON
+---
+
+# Cách tự động hóa bản dịch JSON i18next của bạn bằng Intlayer
+
+## Intlayer là gì?
+
+**Intlayer** là một thư viện quốc tế hóa mã nguồn mở sáng tạo, được thiết kế để khắc phục những hạn chế của các giải pháp i18n truyền thống. Nó cung cấp một cách tiếp cận hiện đại cho quản lý nội dung trong các ứng dụng JavaScript.
+
+Xem so sánh cụ thể với i18next trong bài viết blog của chúng tôi [next-i18next vs. next-intl vs. Intlayer](https://github.com/aymericzip/intlayer/blob/main/docs/blog/vi/next-i18next_vs_next-intl_vs_intlayer.md).
+
+## Tại sao kết hợp Intlayer với i18next?
+
+Trong khi Intlayer cung cấp một giải pháp i18n độc lập xuất sắc (xem hướng dẫn tích hợp với Next.js của chúng tôi [Next.js integration guide](https://github.com/aymericzip/intlayer/blob/main/docs/docs/vi/intlayer_with_nextjs_16.md)), bạn có thể muốn kết hợp nó với i18next vì một số lý do:
+
+1. **Mã nguồn hiện có**: Bạn đã có một triển khai i18next ổn định và muốn dần dần chuyển sang trải nghiệm phát triển được cải thiện của Intlayer.
+2. **Yêu cầu kế thừa**: Dự án của bạn cần tương thích với các plugin hoặc quy trình làm việc i18next hiện có.
+3. **Đội ngũ quen thuộc**: Đội ngũ của bạn quen thuộc với i18next nhưng muốn quản lý nội dung tốt hơn.
+
+**Vì vậy, Intlayer có thể được triển khai như một bộ chuyển đổi cho i18next để giúp tự động hóa việc dịch JSON của bạn trong CLI hoặc các pipeline CI/CD, kiểm thử bản dịch, và nhiều hơn nữa.**
+
+Hướng dẫn này sẽ chỉ cho bạn cách tận dụng hệ thống khai báo nội dung vượt trội của Intlayer trong khi vẫn duy trì khả năng tương thích với i18next.
+
+## Mục lục
+
+<TOC/>
+
+## Hướng dẫn từng bước để thiết lập Intlayer với i18next
+
+### Bước 1: Cài đặt các phụ thuộc
+
+Cài đặt các gói cần thiết:
+
+```bash packageManager="npm"
+npm install intlayer @intlayer/sync-json-plugin
+```
+
+```bash packageManager="pnpm"
+pnpm add intlayer @intlayer/sync-json-plugin
+```
+
+```bash packageManager="yarn"
+yarn add intlayer @intlayer/sync-json-plugin
+```
+
+**Mô tả các gói:**
+
+- **intlayer**: Thư viện lõi để quản lý quốc tế hóa, khai báo nội dung và xây dựng
+- **@intlayer/sync-json-plugin**: Plugin để xuất các khai báo nội dung của Intlayer sang định dạng JSON tương thích với i18next
+
+### Bước 2: Triển khai plugin Intlayer để bao bọc JSON
+
+Tạo một tệp cấu hình Intlayer để định nghĩa các locale được hỗ trợ:
+
+**Nếu bạn cũng muốn xuất các từ điển JSON cho i18next**, hãy thêm plugin `syncJSON`:
+
+```typescript fileName="intlayer.config.ts"
+import { Locales, type IntlayerConfig } from "intlayer";
+import { syncJSON } from "@intlayer/sync-json-plugin";
+
+const config: IntlayerConfig = {
+  internationalization: {
+    locales: [Locales.ENGLISH, Locales.FRENCH, Locales.SPANISH],
+    defaultLocale: Locales.ENGLISH,
+  },
+  plugins: [
+    syncJSON({
+      source: ({ key, locale }) => `./intl/messages/${locale}/${key}.json`,
+    }),
+  ],
+};
+
+export default config;
+```
+
+Plugin `syncJSON` sẽ tự động bao bọc JSON. Nó sẽ đọc và ghi các tệp JSON mà không thay đổi cấu trúc nội dung.
+
+Nếu bạn muốn cho phép JSON tồn tại cùng với các tệp khai báo nội dung intlayer (`.content` files), Intlayer sẽ tiến hành theo cách sau:
+
+    1. tải cả tệp JSON và tệp khai báo nội dung và chuyển đổi chúng thành một từ điển intlayer.
+    2. nếu có xung đột giữa JSON và các tệp khai báo nội dung, Intlayer sẽ tiến hành hợp nhất tất cả các từ điển đó. Tùy thuộc vào độ ưu tiên của các plugin, và của tệp khai báo nội dung (tất cả đều có thể cấu hình).
+
+Nếu có thay đổi được thực hiện bằng cách sử dụng CLI để dịch JSON, hoặc sử dụng CMS, Intlayer sẽ cập nhật tệp JSON với các bản dịch mới.
+
+## Cấu hình Git
+
+Khuyến nghị bỏ qua các tệp Intlayer được tạo tự động:
+
+```plaintext fileName=".gitignore"
+# Bỏ qua các tệp do Intlayer tạo ra
+.intlayer
+```
+
+Các tệp này có thể được tạo lại trong quá trình xây dựng của bạn và không cần phải cam kết vào hệ thống quản lý phiên bản.
+
+### Tiện ích mở rộng VS Code
+
+Để cải thiện trải nghiệm phát triển, hãy cài đặt **Tiện ích mở rộng Intlayer chính thức cho VS Code**:
+
+[Cài đặt từ VS Code Marketplace](https://marketplace.visualstudio.com/items?itemName=intlayer.intlayer-vs-code-extension)
+
+[Install from the VS Code Marketplace](https://marketplace.visualstudio.com/items?itemName=intlayer.intlayer-vs-code-extension)