@intlayer/docs 9.5.5 → 9.5.7

package/docs/tr/dictionary/html.md

@@ -1,6 +1,6 @@
 ---
 createdAt: 2026-01-20
-updatedAt: 2026-03-24
+updatedAt: 2026-09-21
 title: HTML İçeriği
 description: Intlayer içinde HTML içeriğini nasıl tanımlayıp özel bileşenlerle kullanacağınızı öğrenin. Bu dokümantasyonu izleyerek çok dilli projenizde dinamik bileşen değiştirme ile zengin HTML benzeri içeriği entegre edin.
 keywords:
@@ -13,6 +13,8 @@ keywords:
   - React
   - Vue
   - Svelte
+  - Remix
+  - Astro
   - Solid
   - Angular
 slugs:
@@ -238,6 +240,83 @@ Render işlemi Intlayer'ın içerik sistemi tarafından otomatik olarak veya öz
     ```
 
   </Tab>
+  <Tab label="Remix" value="remix">
+    Remix 3'te, HTML düğümleri bir HTML dizesine çözümlenir. Bunu Remix JSX'in `innerHTML` özelliğiyle veya bir `html-template` görünümünde `html.raw` ile enjekte edin.
+
+    ```tsx fileName="src/views/home.tsx"
+    import { useIntlayer } from "remix-intlayer";
+
+    export const HomePage = () => () => {
+      const { myHtmlContent } = useIntlayer("app");
+
+      return <div innerHTML={myHtmlContent.value} />;
+    };
+    ```
+
+    ```ts fileName="src/views/home.ts"
+    import { html } from "remix/html-template";
+    import { useIntlayer } from "remix-intlayer";
+
+    export const renderHomePage = () => {
+      const { myHtmlContent } = useIntlayer("app");
+
+      return html.raw`<div>${myHtmlContent.value}</div>`;
+    };
+    ```
+
+    > Remix varsayılan olarak enterpole edilmiş değerleri kaçırır. `innerHTML` ve `html.raw`, bir HTML dizesinin ihtiyaç duyduğu iki istisnadır.
+
+    Etiketleri geçersiz kılmak veya özel bileşenleri eşlemek için `.use()` yöntemini kullanın. Geçersiz kılmalar, bir HTML dizesi döndüren fonksiyonlardır:
+
+    ```tsx
+    <div
+      innerHTML={myHtmlContent.use({
+        p: ({ children }) => `<p class="prose">${children}</p>`,
+        CustomLink: ({ children }) => `<a href="/details">${children}</a>`,
+      })}
+    />
+    ```
+
+  </Tab>
+  <Tab label="Astro" value="astro">
+    Astro'da HTML düğümleri bir HTML dizesine çözümlenir. Bunu şablondaki `set:html` yönergesiyle veya bir istemci `<script>` içindeki `innerHTML` ile enjekte edin.
+
+    ```astro fileName="src/pages/index.astro"
+    ---
+    import { useIntlayer } from "astro-intlayer";
+
+    const { myHtmlContent } = useIntlayer("app");
+    ---
+
+    <div set:html={myHtmlContent.value} />
+    ```
+
+    ```astro fileName="src/components/Content.astro"
+    <div id="content"></div>
+
+    <script>
+      import { useIntlayer } from "astro-intlayer";
+
+      const { myHtmlContent } = useIntlayer("app");
+
+      document.querySelector("#content")!.innerHTML = myHtmlContent.value;
+    </script>
+    ```
+
+    > Astro varsayılan olarak `{ifadeler}`i kaçırır. `set:html`, bir HTML dizesinin ihtiyaç duyduğu istisnadır.
+
+    Etiketleri geçersiz kılmak veya özel bileşenleri eşlemek için `.use()` yöntemini kullanın. Geçersiz kılmalar, bir HTML dizesi döndüren fonksiyonlardır:
+
+    ```astro
+    <div
+      set:html={myHtmlContent.use({
+        p: ({ children }) => `<p class="prose">${children}</p>`,
+        CustomLink: ({ children }) => `<a href="/details">${children}</a>`,
+      })}
+    />
+    ```
+
+  </Tab>
 </Tabs>
 
 ## `HTMLProvider` ile Genel Yapılandırma
@@ -473,6 +552,41 @@ HTML render'lamasını tüm uygulamanız için global olarak yapılandırabilirs
     > HTML oluşturucunuzu dinamik olarak içe aktarmak, uygulamanızın bundle boyutunu azaltmanın iyi bir yoludur.
 
   </Tab>
+  <Tab label="Remix" value="remix">
+
+    Remix'in bir sağlayıcı tutacak bileşen ağacı yoktur, bu nedenle yapılandırma sunucu başlangıcında tekil (singleton) olarak bir kez kurulur. `useHTMLRenderer()` tarafından döndürülen oluşturucuyu yapılandırır. `useIntlayer` tarafından döndürülen `html` düğümleri olduğu gibi işlenir; düğüm başına etiketlerini `.use()` ile geçersiz kılın.
+
+    ```typescript fileName="src/router.ts"
+    import { installIntlayerHTML } from "remix-intlayer/html";
+
+    installIntlayerHTML({
+      renderHTML: (html) => html.replaceAll("<p>", '<p class="prose">'),
+    });
+    ```
+
+    > Oluşturucunun kendisini tembelce yüklemek için `installIntlayerHTMLDynamic(async () => …)` kullanın; yükleyici yalnızca ilk çağrıda çalışır.
+
+  </Tab>
+  <Tab label="Astro" value="astro">
+
+    Astro'nun bir sağlayıcı tutacak bileşen ağacı yoktur, bu nedenle yapılandırma ara yazılımda (sunucu) ve bir istemci `<script>` (tarayıcı) içinde tekil (singleton) olarak bir kez kurulur. `useHTMLRenderer()` tarafından döndürülen oluşturucuyu yapılandırır. `useIntlayer` tarafından döndürülen `html` düğümleri olduğu gibi işlenir; düğüm başına etiketlerini `.use()` ile geçersiz kılın.
+
+    ```typescript fileName="src/middleware.ts"
+    import { installIntlayerHTML } from "astro-intlayer/html";
+    import { defineMiddleware } from "astro:middleware";
+
+    // Sunucu başladığında bir kez çalışır; Intlayer ara yazılımının kendisi
+    // bu dosyadan önce entegrasyon tarafından kaydedilir.
+    installIntlayerHTML({
+      renderHTML: (html) => html.replaceAll("<p>", '<p class="prose">'),
+    });
+
+    export const onRequest = defineMiddleware((_context, next) => next());
+    ```
+
+    > Oluşturucunun kendisini tembelce yüklemek için `installIntlayerHTMLDynamic(async () => …)` kullanın; yükleyici yalnızca ilk çağrıda çalışır.
+
+  </Tab>
 </Tabs>
 
 ### Manuel Renderlama ve Gelişmiş Araçlar
@@ -645,15 +759,69 @@ Belirli bileşenlerle bir HTML dizesi oluşturun.
     ```
 
   </Tab>
+  <Tab label="Remix" value="remix">
+    #### `useHTMLRenderer()` Hook
+
+    `installIntlayerHTML()` tarafından önceden yapılandırılmış bir işleyici fonksiyonu alın. Bir HTML dizesi döndürür.
+
+    ```tsx
+    import { useHTMLRenderer } from "remix-intlayer/html";
+
+    const renderHTML = useHTMLRenderer();
+
+    return <div innerHTML={renderHTML("<p>Hello <strong>World</strong></p>")} />;
+    ```
+
+    #### `renderHTML()` Yardımcı Aracı
+
+    Genel yapılandırmayı yok sayan bağımsız yardımcı araç.
+
+    ```tsx
+    import { renderHTML } from "remix-intlayer/html";
+
+    const html = renderHTML("<p>Hello</p>");
+    ```
+
+  </Tab>
+  <Tab label="Astro" value="astro">
+    #### `useHTMLRenderer()` Hook
+
+    `installIntlayerHTML()` tarafından önceden yapılandırılmış bir işleyici fonksiyonu alın. Bir HTML dizesi döndürür.
+
+    ```astro
+    ---
+    import { useHTMLRenderer } from "astro-intlayer/html";
+
+    const renderHTML = useHTMLRenderer();
+    ---
+
+    <div set:html={renderHTML("<p>Hello <strong>World</strong></p>")} />
+    ```
+
+    #### `renderHTML()` Yardımcı Aracı
+
+    Genel yapılandırmayı yok sayan bağımsız yardımcı araç.
+
+    ```astro
+    ---
+    import { renderHTML } from "astro-intlayer/html";
+
+    const html = renderHTML("<p>Hello</p>");
+    ---
+
+    <div set:html={html} />
+    ```
+
+  </Tab>
 </Tabs>
 
 ## Seçenekler Referansı
 
 Bu seçenekler `HTMLProvider`, `HTMLRenderer`, `useHTMLRenderer` ve `renderHTML`'e iletilebilir.
 
-| Seçenek      | Tür                   | Varsayılan | Açıklama                                                                                                                    |
-| :----------- | :-------------------- | :--------- | :-------------------------------------------------------------------------------------------------------------------------- |
-| `components` | `Record<string, any>` | `{}`       | HTML etiketlerini veya özel bileşen isimlerini bileşenlere eşleyen bir harita.                                              |
-| `renderHTML` | `Function`            | `null`     | Varsayılan HTML ayrıştırıcısını tamamen değiştirmek için özel bir render fonksiyonu (Sadece Vue/Svelte sağlayıcıları için). |
+| Seçenek      | Tür                   | Varsayılan | Açıklama                                                                                                                         |
+| :----------- | :-------------------- | :--------- | :------------------------------------------------------------------------------------------------------------------------------- |
+| `components` | `Record<string, any>` | `{}`       | HTML etiketlerini veya özel bileşen isimlerini bileşenlere eşleyen bir harita.                                                   |
+| `renderHTML` | `Function`            | `null`     | Varsayılan HTML ayrıştırıcısını tamamen değiştirmek için özel bir render fonksiyonu (Vue, Svelte, Remix ve Astro sağlayıcıları). |
 
 > Not: React ve Preact için standart HTML etiketleri otomatik olarak sağlanır. Bunları geçersiz kılmak veya özel bileşenler eklemek istiyorsanız yalnızca `components` prop'unu geçirmeniz yeterlidir.

package/docs/tr/dictionary/markdown.md

@@ -1,6 +1,6 @@
 ---
 createdAt: 2025-02-07
-updatedAt: 2026-05-19
+updatedAt: 2026-09-21
 title: Markdown
 description: Intlayer ile çok dilli web sitenizde Markdown içeriğini nasıl bildireceğinizi ve kullanacağınızı öğrenin. Projenize Markdown'ı sorunsuz bir şekilde entegre etmek için bu çevrimiçi belgelerdeki adımları izleyin.
 keywords:
@@ -11,6 +11,8 @@ keywords:
   - Next.js
   - JavaScript
   - React
+  - Remix
+  - Astro
 slugs:
   - doc
   - concept
@@ -487,6 +489,111 @@ Markdown oluşturma **MDX**'i destekler — Markdown'ınızın içinde doğrudan
     ```
 
   </Tab>
+  <Tab label="Remix" value="remix">
+    Remix 3'te Markdown düğümleri sunucuda bir HTML dizesine işlenir. Bunu Remix JSX'in `innerHTML` özelliğiyle veya bir `html-template` görünümünde `html.raw` ile enjekte edin.
+
+    ```tsx fileName="src/views/home.tsx"
+    import { useIntlayer } from "remix-intlayer";
+
+    export const HomePage = () => () => {
+      const { myMarkdownContent } = useIntlayer("app");
+
+      return <div innerHTML={myMarkdownContent.value} />;
+    };
+    ```
+
+    ```ts fileName="src/views/home.ts"
+    import { html } from "remix/html-template";
+    import { useIntlayer } from "remix-intlayer";
+
+    export const renderHomePage = () => {
+      const { myMarkdownContent } = useIntlayer("app");
+
+      return html.raw`<div>${myMarkdownContent.value}</div>`;
+    };
+    ```
+
+    > Remix varsayılan olarak enterpole edilmiş değerleri kaçırır. `innerHTML` ve `html.raw`, işlenmiş bir Markdown dizesinin ihtiyaç duyduğu iki istisnadır.
+
+    Ayrıca `.use()` yöntemini kullanarak belirli etiketler için yerel geçersiz kılmalar sağlayabilirsiniz. Geçersiz kılmalar, bir HTML dizesi döndüren fonksiyonlardır:
+
+    ```tsx
+    <div
+      innerHTML={myMarkdownContent.use({
+        h1: ({ children }) => `<h1 class="text-3xl font-bold">${children}</h1>`,
+      })}
+    />
+    ```
+
+    `.value` işlenmiş HTML dizesidir, `String()` / `.toString()` ise ham Markdown kaynağını döndürür:
+
+    ```tsx
+    myMarkdownContent.value // "<h1>…</h1>"
+    String(myMarkdownContent) // "# …"
+    myMarkdownContent.toString() // "# …"
+    ```
+
+    Ve markdown meta verilerinize şu şekilde erişebilirsiniz:
+
+    ```tsx
+    myMarkdownContent.metadata
+    myMarkdownContent.metadata.title
+    ```
+
+  </Tab>
+  <Tab label="Astro" value="astro">
+    Astro'da Markdown düğümleri bir HTML dizesine işlenir. Bunu şablondaki `set:html` yönergesiyle veya bir istemci `<script>` içindeki `innerHTML` ile enjekte edin.
+
+    ```astro fileName="src/pages/index.astro"
+    ---
+    import { useIntlayer } from "astro-intlayer";
+
+    const { myMarkdownContent } = useIntlayer("app");
+    ---
+
+    <div set:html={myMarkdownContent.value} />
+    ```
+
+    ```astro fileName="src/components/Content.astro"
+    <div id="content"></div>
+
+    <script>
+      import { useIntlayer } from "astro-intlayer";
+
+      const { myMarkdownContent } = useIntlayer("app");
+
+      document.querySelector("#content")!.innerHTML = myMarkdownContent.value;
+    </script>
+    ```
+
+    > Astro varsayılan olarak `{ifadeler}`i kaçırır. `set:html`, işlenmiş bir Markdown dizesinin ihtiyaç duyduğu istisnadır.
+
+    Ayrıca `.use()` yöntemini kullanarak belirli etiketler için yerel geçersiz kılmalar sağlayabilirsiniz. Geçersiz kılmalar, bir HTML dizesi döndüren fonksiyonlardır:
+
+    ```astro
+    <div
+      set:html={myMarkdownContent.use({
+        h1: ({ children }) => `<h1 class="text-3xl font-bold">${children}</h1>`,
+      })}
+    />
+    ```
+
+    `.value` işlenmiş HTML dizesidir, `String()` / `.toString()` ise ham Markdown kaynağını döndürür:
+
+    ```astro
+    myMarkdownContent.value // "<h1>…</h1>"
+    String(myMarkdownContent) // "# …"
+    myMarkdownContent.toString() // "# …"
+    ```
+
+    Ve markdown meta verilerinize şu şekilde erişebilirsiniz:
+
+    ```astro
+    myMarkdownContent.metadata
+    myMarkdownContent.metadata.title
+    ```
+
+  </Tab>
 </Tabs>
 
 ### 2. Yardımcı Araçlar (Yalnızca Markdown Dizeleri)
@@ -698,6 +805,60 @@ Bu yardımcı programlar **yalnızca ham Markdown dizelerini** oluşturur ve `us
     ```
 
   </Tab>
+  <Tab label="Remix" value="remix">
+    #### `useMarkdownRenderer()` Hook
+
+    `installIntlayerMarkdown()` tarafından önceden yapılandırılmış bir işleyici fonksiyonu alın. Bir HTML dizesi döndürür.
+
+    ```tsx
+    import { useMarkdownRenderer } from "remix-intlayer/markdown";
+
+    const renderMarkdown = useMarkdownRenderer({ forceBlock: true });
+
+    return <div innerHTML={renderMarkdown("# My Title")} />;
+    ```
+
+    #### `renderMarkdown()` Yardımcı Aracı
+
+    Genel yapılandırmayı yok sayan bağımsız yardımcı araç.
+
+    ```tsx
+    import { renderMarkdown } from "remix-intlayer/markdown";
+
+    const html = renderMarkdown("# My Title", { forceBlock: true });
+    ```
+
+  </Tab>
+  <Tab label="Astro" value="astro">
+    #### `useMarkdownRenderer()` Hook
+
+    `installIntlayerMarkdown()` tarafından önceden yapılandırılmış bir işleyici fonksiyonu alın. Bir HTML dizesi döndürür.
+
+    ```astro
+    ---
+    import { useMarkdownRenderer } from "astro-intlayer/markdown";
+
+    const renderMarkdown = useMarkdownRenderer({ forceBlock: true });
+    ---
+
+    <div set:html={renderMarkdown("# My Title")} />
+    ```
+
+    #### `renderMarkdown()` Yardımcı Aracı
+
+    Genel yapılandırmayı yok sayan bağımsız yardımcı araç.
+
+    ```astro
+    ---
+    import { renderMarkdown } from "astro-intlayer/markdown";
+
+    const html = renderMarkdown("# My Title", { forceBlock: true });
+    ---
+
+    <div set:html={html} />
+    ```
+
+  </Tab>
 </Tabs>
 
 ## `MarkdownProvider` ile Global Yapılandırma
@@ -997,6 +1158,73 @@ Bu yardımcı programlar **yalnızca ham Markdown dizelerini** oluşturur ve `us
     > Markdown oluşturucunuzu dinamik olarak içe aktarmak, uygulamanızın bundle boyutunu azaltmanın harika bir yoludur.
 
   </Tab>
+  <Tab label="Remix" value="remix">
+
+    Remix'in bir sağlayıcı tutacak bileşen ağacı yoktur, bu nedenle yapılandırma sunucu başlangıcında tekil (singleton) olarak bir kez kurulur. `useMarkdownRenderer()` tarafından döndürülen oluşturucuyu yapılandırır. `useIntlayer` tarafından döndürülen `md` düğümleri varsayılan derleyiciyle işlenir; düğüm başına etiketlerini `.use()` ile geçersiz kılın.
+
+    ```typescript fileName="src/router.ts"
+    import { installIntlayerMarkdown } from "remix-intlayer/markdown";
+
+    installIntlayerMarkdown({
+      forceBlock: true,
+      components: {
+        h1: ({ children }) => `<h1 class="text-2xl font-bold">${children}</h1>`,
+      },
+    });
+    ```
+
+    Ayrıca kendi markdown işleyicinizi de kullanabilirsiniz:
+
+    ```typescript fileName="src/router.ts"
+    import { installIntlayerMarkdown } from "remix-intlayer/markdown";
+
+    installIntlayerMarkdown({
+      renderMarkdown: async (md) => {
+        const { marked } = await import("marked");
+        return marked(md) as string;
+      },
+    });
+    ```
+
+    > Oluşturucunun kendisini tembelce yüklemek için `installIntlayerMarkdownDynamic(async () => …)` kullanın; yükleyici yalnızca ilk çağrıda çalışır.
+
+  </Tab>
+  <Tab label="Astro" value="astro">
+
+    Astro'nun bir sağlayıcı tutacak bileşen ağacı yoktur, bu nedenle yapılandırma ara yazılımda (sunucu) ve bir istemci `<script>` (tarayıcı) içinde tekil (singleton) olarak bir kez kurulur. `useMarkdownRenderer()` tarafından döndürülen oluşturucuyu yapılandırır. `useIntlayer` tarafından döndürülen `md` düğümleri varsayılan derleyiciyle işlenir; düğüm başına etiketlerini `.use()` ile geçersiz kılın.
+
+    ```typescript fileName="src/middleware.ts"
+    import { installIntlayerMarkdown } from "astro-intlayer/markdown";
+    import { defineMiddleware } from "astro:middleware";
+
+    // Sunucu başladığında bir kez çalışır; Intlayer ara yazılımının kendisi
+    // bu dosyadan önce entegrasyon tarafından kaydedilir.
+    installIntlayerMarkdown({
+      forceBlock: true,
+      components: {
+        h1: ({ children }) => `<h1 class="text-2xl font-bold">${children}</h1>`,
+      },
+    });
+
+    export const onRequest = defineMiddleware((_context, next) => next());
+    ```
+
+    Ayrıca kendi markdown işleyicinizi de kullanabilirsiniz:
+
+    ```typescript fileName="src/middleware.ts"
+    import { installIntlayerMarkdown } from "astro-intlayer/markdown";
+
+    installIntlayerMarkdown({
+      renderMarkdown: async (md) => {
+        const { marked } = await import("marked");
+        return marked(md) as string;
+      },
+    });
+    ```
+
+    > Oluşturucunun kendisini tembelce yüklemek için `installIntlayerMarkdownDynamic(async () => …)` kullanın; yükleyici yalnızca ilk çağrıda çalışır.
+
+  </Tab>
 </Tabs>
 
 ## Suspense
@@ -1325,6 +1553,40 @@ Serileştirilebilir bir AST (`ParsedMarkdown` nesnesi) oluşturmak için sunucu
     ```
 
   </Tab>
+  <Tab label="Remix" value="remix">
+
+    Remix 3 sunucuda işler ve HTML akışı sağlar, bu nedenle istemciye hiçbir AST'nin geçmesi gerekmez. Bir kez ayrıştırın ve sayfanın oluşturulduğu her yerde AST'yi işleyin:
+
+    ```tsx fileName="src/views/article.tsx"
+    import { parseMarkdown, renderMarkdown } from "remix-intlayer/markdown";
+
+    // 1. Markdown'ı serileştirilebilir bir AST'ye ayrıştırın (örneğin modül yüklenirken bir kez)
+    const ast = parseMarkdown("## My title \n\nLorem Ipsum");
+
+    export const ArticlePage = () => () => (
+      // 2. AST'yi işleyin: işleyici ham bir dizeyi veya ayrıştırılmış AST'yi kabul eder
+      <article innerHTML={renderMarkdown(ast)} />
+    );
+    ```
+
+  </Tab>
+  <Tab label="Astro" value="astro">
+
+    Astro sayfaları sunucuda işlenir, bu nedenle istemciye hiçbir AST'nin geçmesi gerekmez. Frontmatter'daki Markdown'ı ayrıştırın ve `set:html` ile işleyin:
+
+    ```astro fileName="src/pages/article.astro"
+    ---
+    import { parseMarkdown, renderMarkdown } from "astro-intlayer/markdown";
+
+    // 1. Markdown'ı serileştirilebilir bir AST'ye ayrıştırın
+    const ast = parseMarkdown("## My title \n\nLorem Ipsum");
+    ---
+
+    <!-- 2. AST'yi işleyin: işleyici ham bir dizeyi veya ayrıştırılmış AST'yi kabul eder -->
+    <article set:html={renderMarkdown(ast)} />
+    ```
+
+  </Tab>
 </Tabs>
 
 Bu model, Markdown ayrıştırma mantığının tamamen sunucuda çalıştırılmasını sağlayarak istemci tarafındaki yürütme süresini önemli ölçüde azaltır ve ilk hidrasyon hızını artırır.

package/docs/tr/intlayer_with_analog.md

@@ -1,6 +1,6 @@
 ---
 createdAt: 2025-04-18
-updatedAt: 2026-05-31
+updatedAt: 2026-09-21
 title: "Analog i18n - Uygulamanızı çevirmek için eksiksiz kılavuz"
 description: "Artık i18next yok. 2026 yılı için çok dilli (i18n) Analog uygulaması oluşturma kılavuzu. Yapay zeka ajanlarıyla çevirin ve bundle boyutu, SEO ve performansı optimize edin."
 keywords:
@@ -157,6 +157,28 @@ bun add intlayer angular-intlayer vite-intlayer
 </Step>
 <Step number={2} title="Projenizin Yapılandırılması">
 
+### Mimari
+
+Bu mimaride, `angular-intlayer` her bileşenin ve dosya tabanlı sayfanın içeriğini `useIntlayer` sinyali aracılığıyla okuyabilmesi için `src/app/app.config.ts` içinde kaydedilen `provideIntlayer()` işlevini sağlar. Analog, Vite üzerine inşa edilmiştir; bu nedenle `vite-intlayer` kütüphanesinin `intlayer()` eklentisi, içerik bildirimlerinizi izlemek, yeniden derlemek ve yerel ayar proxy'sini çalıştırmak için `vite.config.ts` dosyasında `analog()` eklentisinin yanına eklenir. İçerik bildirimleri `src/app/` içinde bileşenlerin ve sayfaların yanında yer alır.
+
+```bash
+.
+├── src
+│   ├── app
+│   │   ├── pages
+│   │   │   └── index.page.ts         # File-based route using useIntlayer
+│   │   ├── app.config.ts             # Application config with provideIntlayer()
+│   │   ├── app.content.ts            # App content declaration
+│   │   └── locale-switcher.component.ts
+│   └── main.ts
+├── intlayer.config.ts
+├── package.json
+├── tsconfig.json
+└── vite.config.ts                    # analog() and intlayer() Vite plugins
+```
+
+### Yapılandırma
+
 Uygulamanızın dillerini yapılandırmak için bir yapılandırma dosyası oluşturun:
 
 ```typescript fileName="intlayer.config.ts" codeFormat={["typescript", "esm", "commonjs"]}

package/docs/tr/intlayer_with_angular_19.md

@@ -1,6 +1,6 @@
 ---
 createdAt: 2025-04-18
-updatedAt: 2026-05-31
+updatedAt: 2026-09-21
 title: "Angular 19 i18n - Uygulamanızı çevirmek için eksiksiz kılavuz"
 description: "Artık i18next yok. 2026 yılı için çok dilli (i18n) Angular 19 uygulaması oluşturma kılavuzu. Yapay zeka ajanlarıyla çevirin ve bundle boyutu, SEO ve performansı optimize edin."
 keywords:
@@ -164,6 +164,29 @@ bun add @angular-builders/custom-webpack --dev
 </Step>
 <Step number={2} title="Projenizin Yapılandırılması">
 
+### Mimari
+
+Bu mimaride, `angular-intlayer` her bileşenin içeriğini `useIntlayer` sinyali aracılığıyla okuyabilmesi için `src/app/app.config.ts` içinde kaydedilen `provideIntlayer()` işlevini sağlar. Angular CLI özel Webpack derleyicisine geçirilir ve `webpack.config.ts`, içerik bildirimlerinizi izlemek ve yeniden derlemek için Intlayer eklentisini derleme sürecine dahil eder. İçerik bildirimleri `src/app/` içinde bileşenlerin yanında yer alır.
+
+```bash
+.
+├── src
+│   ├── app
+│   │   ├── app.component.html        # Root template reading the content signal
+│   │   ├── app.component.ts          # Root component using useIntlayer
+│   │   ├── app.config.ts             # Application config with provideIntlayer()
+│   │   ├── app.content.ts            # App content declaration
+│   │   └── locale-switcher.component.ts
+│   └── main.ts
+├── angular.json                      # Custom Webpack builder for build and serve
+├── intlayer.config.ts
+├── package.json
+├── tsconfig.json
+└── webpack.config.ts                 # mergeConfig() from angular-intlayer/webpack
+```
+
+### Yapılandırma
+
 Uygulamanızın dillerini yapılandırmak için bir yapılandırma dosyası oluşturun:
 
 ```typescript fileName="intlayer.config.ts" codeFormat={["typescript", "esm", "commonjs"]}

package/docs/tr/intlayer_with_angular_21.md

@@ -1,6 +1,6 @@
 ---
 createdAt: 2025-04-18
-updatedAt: 2026-05-31
+updatedAt: 2026-09-21
 title: "Angular 22 i18n - Uygulamanızı çevirmek için eksiksiz kılavuz"
 description: "Artık i18next yok. 2026 yılı için çok dilli (i18n) Angular 22 uygulaması oluşturma kılavuzu. Yapay zeka ajanlarıyla çevirin ve bundle boyutu, SEO ve performansı optimize edin."
 keywords:
@@ -166,6 +166,29 @@ bun add @angular-builders/custom-esbuild --dev
 </Step>
 <Step number={2} title="Projenizin Yapılandırması">
 
+### Mimari
+
+Bu mimaride, `angular-intlayer` her bileşenin içeriğini `useIntlayer` sinyali aracılığıyla okuyabilmesi için `src/app/app.config.ts` içinde kaydedilen `provideIntlayer()` işlevini sağlar. Angular CLI özel esbuild derleyicisine geçirilir ve `esbuild.plugins.ts`, içerik bildirimlerinizi izlemek ve yeniden derlemek için Intlayer eklentisini derleme sürecine kaydeder. İçerik bildirimleri `src/app/` içinde bileşenlerin yanında yer alır.
+
+```bash
+.
+├── src
+│   ├── app
+│   │   ├── app.component.html        # Root template reading the content signal
+│   │   ├── app.component.ts          # Root component using useIntlayer
+│   │   ├── app.config.ts             # Application config with provideIntlayer()
+│   │   ├── app.content.ts            # App content declaration
+│   │   └── locale-switcher.component.ts
+│   └── main.ts
+├── angular.json                      # Custom esbuild builder for build and serve
+├── esbuild.plugins.ts                # intlayerEsbuildPlugin() from angular-intlayer/esbuild
+├── intlayer.config.ts
+├── package.json
+└── tsconfig.json
+```
+
+### Yapılandırma
+
 Uygulamanızın dillerini yapılandırmak için bir yapılandırma dosyası oluşturun:
 
 ```typescript fileName="intlayer.config.ts" codeFormat={["typescript", "esm", "commonjs"]}