@intlayer/docs 9.5.6 → 9.5.8

package/docs/tr/cli/infra.md

@@ -0,0 +1,162 @@
+---
+createdAt: 2026-09-21
+updatedAt: 2026-09-21
+title: CLI - Init Infra
+description: Masaüstü uygulamasını yüklemek veya Intlayer CMS'yi Docker (hepsi bir arada kapsayıcı veya Docker Compose yığını) ile kendi sunucunuzda barındırmak için Intlayer CLI init infra komutunun nasıl kullanılacağını öğrenin.
+keywords:
+  - CLI
+  - Altyapı
+  - Kendi sunucunda barındırma
+  - Masaüstü uygulaması
+  - Docker
+  - Docker Compose
+  - CMS
+  - Intlayer
+slugs:
+  - doc
+  - concept
+  - cli
+  - infra
+history:
+  - version: 9.5.6
+    date: 2026-09-21
+    changes: "init infra komutunu ekle"
+author: aymericzip
+---
+
+# Intlayer CLI Init Infra Komutu
+
+## Açıklama
+
+`init infra` komutu makinenizde Intlayer altyapısını kurar. Platformunuz için barındırılan yükleyiciyi indirir (macOS / Linux'ta `https://intlayer.org/install.sh`, Windows'ta `https://intlayer.org/install.ps1`) ve terminalinize bağlı olarak çalıştırır, böylece yükleyicinin menüsü ve ilerleme çıktısı doğrudan size ulaşır.
+
+Yükleyici, Intlayer'ı nasıl çalıştırmak istediğinizi sorar:
+
+- **Masaüstü uygulaması**: İşletim sisteminiz ve işlemciniz için yerel gösterge panelini indirir ve açar veya yükler. Masaüstü sürümü Intlayer Cloud arka ucuyla iletişim kurar.
+- **Hepsi bir arada Docker**: Tek bir birim tarafından desteklenen tek bir kapsayıcıda gösterge paneli + API + MongoDB + Redis + MinIO. Oluşturulan gizli anahtarlarla birlikte `./intlayer.env` dosyasını yazar ve `intlayer/cms-all` imajını çeker.
+- **Docker Compose**: Ölçeklenebilir kendi sunucunuzda barındırma için hizmet başına bir kapsayıcı. `./intlayer/` dizinine `docker-compose.yml` ve `.env` yazar ve imajları çeker.
+
+Barındırılan yükleyici kurulum akışının tek doğruluk kaynağıdır: CLI aynı adımları yeniden uygulamak yerine onu çalıştırır, bu nedenle `npx intlayer init infra` ve `curl -fsSL https://intlayer.org/install.sh | sh` tamamen aynı işlemi yapar.
+
+## Kullanım
+
+```bash packageManager="npm"
+npx intlayer init infra [options]
+```
+
+```bash packageManager="yarn"
+yarn intlayer init infra [options]
+```
+
+```bash packageManager="pnpm"
+pnpm intlayer init infra [options]
+```
+
+```bash packageManager="bun"
+bun x intlayer init infra [options]
+```
+
+Aynı adım, `npx intlayer init --interactive` kontrol listesinde **Altyapı (masaüstü uygulaması / kendi sunucunda barındırma)** altında da sunulur.
+
+## Seçenekler
+
+- `-m, --mode <mode>` - İsteğe bağlı. Yükleyici menüsünü atlayıp doğrudan bir modu çalıştırır. Kabul edilen değerler: `desktop`, `docker` (hepsi bir arada) veya `compose`. Diğer değerler kabul edilen modları listeleyen bir hatayla sonlanır.
+
+## Örnekler
+
+### Modu etkileşimli olarak seçin
+
+```bash
+npx intlayer init infra
+```
+
+### Masaüstü uygulamasını yükleyin
+
+```bash
+npx intlayer init infra --mode desktop
+```
+
+### Hepsi bir arada kapsayıcı ile kendi sunucunuzda barındırın
+
+```bash
+npx intlayer init infra --mode docker
+```
+
+### Docker Compose ile kendi sunucunuzda barındırın
+
+```bash
+npx intlayer init infra --mode compose
+```
+
+## Örnek çıktı
+
+```bash
+npx intlayer init infra --mode compose
+◇  Installer downloaded
+▸ Fetching docker-compose.yml into ./intlayer
+▸ Writing ./intlayer/.env
+▸ Pulling images
+
+  Everything is installed. Two steps left.
+
+  1. Configure a mailer in:
+
+       ./intlayer/.env
+
+     Either RESEND_API_KEY (resend.com) or the MAIL_SMTP_* block — the first
+     account cannot be verified without a working mailer.
+  2. Start the stack:
+
+       cd ./intlayer && docker compose up -d
+
+  Then open http://localhost:3000 — first boot initialises the
+  datastores, so give it a minute. The first account you create becomes the
+  super admin.
+
+    Logs      docker compose logs -f
+    Stop      docker compose down
+    Upgrade   docker compose pull && docker compose up -d
+```
+
+## Yükleyici ayarları
+
+Yükleyici, CLI'nin değiştirmeden ilettiği birkaç ortam değişkenini okur. Komutu çalıştırmadan önce bunları kabuğunuzda tanımlayın:
+
+```bash
+INTLAYER_COMPOSE_DIR=./cms npx intlayer init infra --mode compose
+```
+
+| Değişken                  | Varsayılan                | Uygulandığı Yer | Açıklama                                                      |
+| ------------------------- | ------------------------- | --------------- | ------------------------------------------------------------- |
+| `INTLAYER_MODE`           | _(sorulur)_               | hepsi           | `desktop`, `docker` veya `compose`, `--mode` ile aynı         |
+| `INTLAYER_DOWNLOAD_DIR`   | `~/Downloads`             | desktop         | Uygulama yükleyicisinin kaydedildiği yer                      |
+| `INTLAYER_IMAGE`          | `intlayer/cms-all:latest` | docker          | Çekilecek hepsi bir arada imaj                                |
+| `INTLAYER_ENV_FILE`       | `./intlayer.env`          | docker          | Ortam dosyasının yazılacağı yer                               |
+| `INTLAYER_CONTAINER_NAME` | `intlayer`                | docker          | Kapsayıcı adı                                                 |
+| `INTLAYER_DATA_VOLUME`    | `intlayer-data`           | docker          | `/data` konumuna bağlanan adlandırılmış birim                 |
+| `INTLAYER_APP_PORT`       | `3000`                    | docker          | Gösterge paneli için ana bilgisayar bağlantı noktası          |
+| `INTLAYER_API_PORT`       | `3100`                    | docker          | API için ana bilgisayar bağlantı noktası                      |
+| `INTLAYER_S3_PORT`        | `9000`                    | docker          | MinIO S3 API için ana bilgisayar bağlantı noktası             |
+| `INTLAYER_CONSOLE_PORT`   | `9001`                    | docker          | MinIO konsolu için ana bilgisayar bağlantı noktası            |
+| `INTLAYER_COMPOSE_DIR`    | `./intlayer`              | compose         | `docker-compose.yml` ve `.env` dosyalarının yazıldığı yer     |
+| `INTLAYER_SELFHOST_REF`   | `main`                    | ikisi de        | Compose dosyası ve ortam şablonunun getirildiği Git referansı |
+
+> Bağlantı noktası değişkenleri eşlemenin yalnızca **ana bilgisayar (host)** tarafını değiştirir. Yayınlanan imajlarda gösterge paneli paketinde `http://localhost:3000`, `http://localhost:3100` ve `http://localhost:9000` derlenmiştir; bu nedenle kendi imajlarınızı oluşturmadığınız sürece varsayılan değerleri koruyun: [kendi sunucunuzda barındırma kılavuzuna](https://github.com/aymericzip/intlayer/blob/main/docs/docs/tr/self_hosting.md#limitations) bakın.
+
+## Gereksinimler
+
+- **Masaüstü uygulaması** [Node.js](https://nodejs.org) gerektirir: Uygulama gösterge paneli sunucusunu barındırır ve makinenin kendi `node` ikili dosyasıyla başlatır.
+- **Docker modları** [Docker](https://docs.docker.com/get-docker/) (Windows'ta WSL 2 arka uçlu Docker Desktop) gerektirir. Compose modu ayrıca `docker compose` eklentisine ihtiyaç duyar.
+
+## Notlar
+
+- Komutu yeniden çalıştırmak güvenlidir: Mevcut bir ortam dosyasının üzerine asla yazılmaz, bu nedenle bir yükseltme yolu olarak da çalışır (yükleyici en son imajları çeker ve gizli anahtarlarınızı korur).
+- Yükleyici geçici bir dizine indirilir ve sonuç ne olursa olsun çıktığında silinir.
+- Komutun çıkış kodu yükleyicininkidir. İndirme işlemi başarısız olursa, CLI yükleyiciyi doğrudan çalıştırabilmeniz için eşdeğer `curl … | sh` (veya `irm … | iex`) komutunu yazdırır.
+- Docker modlarının oturum açma e-postalarını gönderebilmesi için yine de bir posta ileticisine ihtiyacı vardır. Yükleyici tamamlandıktan sonra oluşturulan ortam dosyasında Resend veya SMTP yapılandırın: bkz. [Global Posta Sunucusu](https://github.com/aymericzip/intlayer/blob/main/docs/docs/tr/self_hosting.md#global-mailer).
+
+## İlgili Bağlantılar
+
+- [Kendi sunucunuzda barındırma kılavuzu](https://github.com/aymericzip/intlayer/blob/main/docs/docs/tr/self_hosting.md) - Mimari, ilk çalıştırma adımları ve her modun sınırlamaları
+- [Intlayer'ı Başlat](https://github.com/aymericzip/intlayer/blob/main/docs/docs/tr/cli/init.md) - Üst `init` komutu ve etkileşimli kontrol listesi
+- [Intlayer CMS](https://github.com/aymericzip/intlayer/blob/main/docs/docs/tr/intlayer_CMS.md) - Yeni yüklediğiniz gösterge panelinin yetenekleri

package/docs/tr/cli/init.md

@@ -1,6 +1,6 @@
 ---
 createdAt: 2025-12-30
-updatedAt: 2025-12-30
+updatedAt: 2026-09-21
 title: Intlayer'ı Başlat
 description: Projenizde Intlayer'ı nasıl başlatacağınızı öğrenin.
 keywords:
@@ -14,6 +14,9 @@ slugs:
   - cli
   - init
 history:
+  - version: 9.5.6
+    date: 2026-09-21
+    changes: "init infra alt komutunu ekle"
   - version: 8.6.4
     date: 2026-03-31
     changes: "--no-gitignore seçeneği eklendi"
@@ -125,6 +128,26 @@ bun x intlayer init --no-gitignore
 
 Bu, tüm yapılandırma dosyalarını kurar ancak `.gitignore` dosyanızı değiştirmez.
 
+### Altyapıyı kurun (masaüstü uygulaması veya kendi sunucunuzda barındırma):
+
+```bash
+npx intlayer init infra
+```
+
+Barındırılan yükleyiciyi (`https://intlayer.org/install.sh` veya Windows'ta `install.ps1`) indirir ve çalıştırır; Intlayer'ı nasıl çalıştırmak istediğinizi sorar:
+
+- **Masaüstü uygulaması** - makinenize Intlayer Cloud'a bağlı yerel gösterge panelini yükler.
+- **Hepsi bir arada Docker** - tek bir kapsayıcıda gösterge paneli + API + MongoDB + Redis + MinIO.
+- **Docker Compose** - ölçeklenebilir kendi sunucunuzda barındırma için hizmet başına bir kapsayıcı.
+
+`--mode` ile menüyü atlayın:
+
+```bash
+npx intlayer init infra --mode compose
+```
+
+Aynı adım `npx intlayer init --interactive` tarafından da sunulur. Yükleyici ayarları için [`init infra` referansına](https://github.com/aymericzip/intlayer/blob/main/docs/docs/tr/cli/infra.md) ve her modun neleri kurduğu hakkında bilgi edinmek için [kendi sunucunuzda barındırma kılavuzuna](https://github.com/aymericzip/intlayer/blob/main/docs/docs/tr/self_hosting.md) bakın.
+
 ## Örnek çıktı:
 
 ```bash

package/docs/tr/cli/upgrade.md

@@ -0,0 +1,125 @@
+---
+createdAt: 2026-09-23
+updatedAt: 2026-09-23
+title: CLI - Intlayer Paketlerini Yükseltme
+description: Projenizin veya monorepo'nuzun her Intlayer paketini listelemek ve bunları en son sürüme yükseltmek için Intlayer CLI upgrade komutunu nasıl kullanacağınızı öğrenin.
+keywords:
+  - CLI
+  - Upgrade
+  - Yükselt
+  - Paketler
+  - Monorepo
+  - Intlayer
+slugs:
+  - doc
+  - concept
+  - cli
+  - upgrade
+history:
+  - version: 9.5.8
+    date: 2026-09-23
+    changes: "upgrade komutunu ekle"
+author: aymericzip
+---
+
+# Intlayer Paketlerini Yükseltme
+
+```bash packageManager="npm"
+npx intlayer upgrade
+```
+
+```bash packageManager="yarn"
+yarn intlayer upgrade
+```
+
+```bash packageManager="pnpm"
+pnpm intlayer upgrade
+```
+
+```bash packageManager="bun"
+bun x intlayer upgrade
+```
+
+`upgrade` komutu, monorepo çalışma alanları da dahil olmak üzere projenizin her `package.json` dosyasında bildirilen Intlayer paketlerini listeler ve bunları yayınlanan en son sürüme yükseltir. `intlayer init` ile aynı paket yükseltme adımını bağımsız olarak çalıştırır.
+
+## Argümanlar:
+
+- `--project-root [projectRoot]` - İsteğe bağlı. Proje kök dizini. Varsayılan olarak komut, mevcut çalışma dizininin üzerindeki en yakın `package.json` dosyasından başlar.
+- `--dry-run` - İsteğe bağlı. Herhangi bir dosyayı değiştirmeden paketleri ve hedef sürümlerini listeler.
+- `--tag <tag>` - İsteğe bağlı. Yükseltilecek npm dist-tag (örneğin `canary`). Varsayılan olarak `latest` değeridir.
+
+## Ne yapar:
+
+1. **Intlayer paketlerini listeler** - `intlayer`, `@intlayer/*`, `*-intlayer` ve `intlayer-*` bağımlılıkları ve devDependencies için projenin her `package.json` dosyasını (`node_modules` ve derleme çıktılarını atlayarak) tarar.
+2. **Hedef sürümü getirir** - Her paketin seçilen dist-tag (varsayılan olarak `latest`) sürümünü npm kayıt defterinden okur.
+3. **Aralıkları yeniden yazar** - İşlecini (`^`, `~` veya hiçbiri) ve dosya girintisini koruyarak güncelliğini yitirmiş her aralığı doğrudan dosya içinde günceller.
+4. **Tek seferde yükler** - Kilit dosyasına sahip paket yöneticisini kullanarak çalışma alanı kökünden (kilit dosyası olan en yakın dizin) tek bir yükleme çalıştırır:
+
+| Kilit dosyası                      | Komut          |
+| ---------------------------------- | -------------- |
+| `bun.lock` / `bun.lockb`           | `bun install`  |
+| `pnpm-lock.yaml`                   | `pnpm install` |
+| `yarn.lock`                        | `yarn install` |
+| `package-lock.json` veya kilit yok | `npm install`  |
+
+Kilit dosyası yoksa, npm'e geri dönmeden önce `package.json` dosyasının `packageManager` alanı (örneğin `"bun@1.2.0"`) kullanılır.
+
+`workspace:*`, `file:`, `link:`, `catalog:` veya git URL'leri gibi kayıt defterini işaret etmeyen aralıklar asla değiştirilmez.
+
+## Örnekler:
+
+### Mevcut yükseltmeleri uygulamadan listeleme:
+
+```bash packageManager="npm"
+npx intlayer upgrade --dry-run
+```
+
+```bash packageManager="yarn"
+yarn intlayer upgrade --dry-run
+```
+
+```bash packageManager="pnpm"
+pnpm intlayer upgrade --dry-run
+```
+
+```bash packageManager="bun"
+bun x intlayer upgrade --dry-run
+```
+
+### Canary sürümüne yükseltme:
+
+```bash packageManager="npm"
+npx intlayer upgrade --tag canary
+```
+
+```bash packageManager="yarn"
+yarn intlayer upgrade --tag canary
+```
+
+```bash packageManager="pnpm"
+pnpm intlayer upgrade --tag canary
+```
+
+```bash packageManager="bun"
+bun x intlayer upgrade --tag canary
+```
+
+## Örnek çıktı:
+
+```bash
+npx intlayer upgrade
+Intlayer packages:
+  package.json
+    intlayer ^9.0.0 → ^9.5.7
+  apps/web/package.json
+    next-intlayer ^9.5.7 (latest)
+    vite-intlayer ~9.2.0 → ~9.5.7
+Running bun install...
+✓ Upgraded 2 Intlayer dependencies to latest
+```
+
+## Notlar:
+
+- Her çalışma alanını yükseltmek için komutu deponuzun kökünden çalıştırın. Yalnızca ilgili çalışma alanını yükseltmek için o çalışma alanından çalıştırın.
+- Sürümü alınamayan paketler (çevrimdışı, özel veya yayınlanmamış paket) listelenir ve değiştirilmeden bırakılır.
+- Yükleme başarısız olursa, yükseltilen aralıklar `package.json` dosyasında tutulur. Paket yöneticinizin yükleme komutunu manuel olarak çalıştırın.

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.