@intlayer/docs 9.5.6 → 9.5.8

package/docs/hi/cli/infra.md

@@ -0,0 +1,162 @@
+---
+createdAt: 2026-09-21
+updatedAt: 2026-09-21
+title: CLI - Init Infra
+description: डेस्कटॉप ऐप इंस्टॉल करने या Docker (ऑल-इन-वन कंटेनर या Docker Compose स्टैक) के साथ Intlayer CMS को स्वयं होस्ट करने के लिए Intlayer CLI init infra कमांड का उपयोग करना सीखें।
+keywords:
+  - CLI
+  - इन्फ्रास्ट्रक्चर
+  - सेल्फ-होस्टिंग
+  - डेस्कटॉप ऐप
+  - Docker
+  - Docker Compose
+  - CMS
+  - Intlayer
+slugs:
+  - doc
+  - concept
+  - cli
+  - infra
+history:
+  - version: 9.5.6
+    date: 2026-09-21
+    changes: "init infra कमांड जोड़ें"
+author: aymericzip
+---
+
+# Intlayer CLI Init Infra कमांड
+
+## विवरण
+
+`init infra` कमांड आपकी मशीन पर Intlayer इन्फ्रास्ट्रक्चर सेट करता है। यह आपके प्लेटफ़ॉर्म के लिए होस्ट किए गए इंस्टॉलर (macOS / Linux पर `https://intlayer.org/install.sh`, Windows पर `https://intlayer.org/install.ps1`) को डाउनलोड करता है और इसे टर्मिनल से जोड़कर चलाता है, ताकि इंस्टॉलर का मेनू और प्रगति आउटपुट आप तक बिना किसी बदलाव के पहुंचे।
+
+इंस्टॉलर पूछता है कि आप Intlayer को कैसे चलाना चाहते हैं:
+
+- **डेस्कटॉप ऐप**: आपके ओएस और सीपीयू के लिए नेटिव डैशबोर्ड डाउनलोड करता है और इसे खोलता या इंस्टॉल करता है। डेस्कटॉप बिल्ड Intlayer Cloud बैकएंड से संचार करता है।
+- **ऑल-इन-वन Docker**: एक वॉल्यूम द्वारा समर्थित एकल कंटेनर में डैशबोर्ड + API + MongoDB + Redis + MinIO। जनरेट किए गए सीक्रेट्स के साथ `./intlayer.env` लिखता है और `intlayer/cms-all` इमेज को पुल करता है।
+- **Docker Compose**: स्केलेबल सेल्फ-होस्टिंग के लिए प्रति सेवा एक कंटेनर। `./intlayer/` में `docker-compose.yml` और `.env` लिखता है और इमेज को पुल करता है।
+
+होस्ट किया गया इंस्टॉलर सेटअप प्रक्रिया के लिए सत्य का एकमात्र स्रोत है: CLI समान चरणों को फिर से लागू करने के बजाय इसे चलाता है, इसलिए `npx intlayer init infra` और `curl -fsSL https://intlayer.org/install.sh | sh` बिल्कुल एक जैसा काम करते हैं।
+
+## उपयोग
+
+```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]
+```
+
+वही चरण `npx intlayer init --interactive` की चेकलिस्ट में **इन्फ्रास्ट्रक्चर (डेस्कटॉप ऐप / सेल्फ-होस्टिंग)** के तहत भी दिया गया है।
+
+## विकल्प
+
+- `-m, --mode <mode>` - वैकल्पिक। इंस्टॉलर के मेनू को छोड़ें और सीधे एक मोड चलाएं। स्वीकृत मान: `desktop`, `docker` (ऑल-इन-वन) या `compose`। कोई अन्य मान स्वीकृत मोड की सूची वाली त्रुटि के साथ बाहर निकलता है।
+
+## उदाहरण
+
+### इंटरैक्टिव रूप से मोड चुनें
+
+```bash
+npx intlayer init infra
+```
+
+### डेस्कटॉप ऐप इंस्टॉल करें
+
+```bash
+npx intlayer init infra --mode desktop
+```
+
+### ऑल-इन-वन कंटेनर के साथ सेल्फ-होस्ट करें
+
+```bash
+npx intlayer init infra --mode docker
+```
+
+### Docker Compose के साथ सेल्फ-होस्ट करें
+
+```bash
+npx intlayer init infra --mode compose
+```
+
+## आउटपुट उदाहरण
+
+```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
+```
+
+## इंस्टॉलर सेटिंग्स
+
+इंस्टॉलर कुछ पर्यावरण चर पढ़ता है, जिन्हें CLI बिना किसी बदलाव के आगे भेजता है। कमांड चलाने से पहले उन्हें अपने शेल में सेट करें:
+
+```bash
+INTLAYER_COMPOSE_DIR=./cms npx intlayer init infra --mode compose
+```
+
+| चर                        | डिफ़ॉल्ट                  | लागू होता है | विवरण                                                                 |
+| ------------------------- | ------------------------- | ------------ | --------------------------------------------------------------------- |
+| `INTLAYER_MODE`           | _(पूछा गया)_              | सभी          | `desktop`, `docker` या `compose`, `--mode` के समान                    |
+| `INTLAYER_DOWNLOAD_DIR`   | `~/Downloads`             | desktop      | जहां ऐप इंस्टॉलर सहेजा जाता है                                        |
+| `INTLAYER_IMAGE`          | `intlayer/cms-all:latest` | docker       | पुल करने के लिए ऑल-इन-वन इमेज                                         |
+| `INTLAYER_ENV_FILE`       | `./intlayer.env`          | docker       | पर्यावरण फ़ाइल कहाँ लिखनी है                                          |
+| `INTLAYER_CONTAINER_NAME` | `intlayer`                | docker       | कंटेनर का नाम                                                         |
+| `INTLAYER_DATA_VOLUME`    | `intlayer-data`           | docker       | `/data` पर माउंट किया गया नामित वॉल्यूम                               |
+| `INTLAYER_APP_PORT`       | `3000`                    | docker       | डैशबोर्ड के लिए होस्ट पोर्ट                                           |
+| `INTLAYER_API_PORT`       | `3100`                    | docker       | API के लिए होस्ट पोर्ट                                                |
+| `INTLAYER_S3_PORT`        | `9000`                    | docker       | MinIO S3 API के लिए होस्ट पोर्ट                                       |
+| `INTLAYER_CONSOLE_PORT`   | `9001`                    | docker       | MinIO कंसोल के लिए होस्ट पोर्ट                                        |
+| `INTLAYER_COMPOSE_DIR`    | `./intlayer`              | compose      | जहाँ `docker-compose.yml` और `.env` लिखे जाते हैं                     |
+| `INTLAYER_SELFHOST_REF`   | `main`                    | दोनों        | Git संदर्भ जहां से compose फ़ाइल और env टेम्पलेट प्राप्त किए जाते हैं |
+
+> पोर्ट चर केवल मैपिंग के **होस्ट** पक्ष को बदलते हैं। प्रकाशित इमेज में डैशबोर्ड बंडल में `http://localhost:3000`, `http://localhost:3100` और `http://localhost:9000` संकलित होते हैं, इसलिए जब तक आप अपनी स्वयं की इमेज नहीं बनाते, डिफ़ॉल्ट मान बनाए रखें: [सेल्फ-होस्टिंग गाइड](https://github.com/aymericzip/intlayer/blob/main/docs/docs/hi/self_hosting.md#limitations) देखें।
+
+## आवश्यकताएँ
+
+- **डेस्कटॉप ऐप** को [Node.js](https://nodejs.org) की आवश्यकता होती है: ऐप डैशबोर्ड सर्वर को एम्बेड करता है और इसे मशीन के अपने `node` बाइनरी के साथ शुरू करता है।
+- **Docker मोड** के लिए [Docker](https://docs.docker.com/get-docker/) आवश्यक है (Windows पर WSL 2 बैकएंड के साथ Docker Desktop)। Compose मोड के लिए `docker compose` प्लगइन की भी आवश्यकता होती है।
+
+## टिप्पणियाँ
+
+- कमांड को फिर से चलाना सुरक्षित है: मौजूदा पर्यावरण फ़ाइल कभी भी अधिलेखित नहीं होती है, इसलिए यह अपग्रेड पथ के रूप में भी काम करती है (इंस्टॉलर नवीनतम इमेज को खींचता है और आपके सीक्रेट्स को सुरक्षित रखता है)।
+- इंस्टॉलर एक अस्थायी निर्देशिका में डाउनलोड किया जाता है और इसके बाहर निकलने पर हटा दिया जाता है।
+- कमांड का निकास कोड इंस्टॉलर का ही होता है। यदि डाउनलोड विफल हो जाता है, तो CLI समकक्ष `curl … | sh` (या `irm … | iex`) कमांड प्रिंट करता है ताकि आप इंस्टॉलर को सीधे चला सकें।
+- साइन-इन ईमेल भेजने के लिए Docker मोड को अभी भी एक मेलर की आवश्यकता होती है। इंस्टॉलर समाप्त होने के बाद, जनरेट की गई पर्यावरण फ़ाइल में Resend या SMTP कॉन्फ़िगर करें: [ग्लोबल मेलर](https://github.com/aymericzip/intlayer/blob/main/docs/docs/hi/self_hosting.md#global-mailer) देखें।
+
+## संबंधित
+
+- [सेल्फ-होस्टिंग गाइड](https://github.com/aymericzip/intlayer/blob/main/docs/docs/hi/self_hosting.md) - आर्किटेक्चर, प्रथम-रन चरण और प्रत्येक मोड की सीमाएं
+- [Intlayer प्रारंभ करें](https://github.com/aymericzip/intlayer/blob/main/docs/docs/hi/cli/init.md) - पैरेंट `init` कमांड और इसकी इंटरैक्टिव चेकलिस्ट
+- [Intlayer CMS](https://github.com/aymericzip/intlayer/blob/main/docs/docs/hi/intlayer_CMS.md) - आपके द्वारा अभी इंस्टॉल किए गए डैशबोर्ड की कार्यप्रणाली

package/docs/hi/cli/init.md

@@ -1,6 +1,6 @@
 ---
 createdAt: 2025-12-30
-updatedAt: 2025-12-30
+updatedAt: 2026-09-21
 title: Intlayer प्रारंभ करें (Initialize Intlayer)
 description: अपने प्रोजेक्ट में Intlayer को प्रारंभ करने का तरीका जानें।
 keywords:
@@ -14,6 +14,9 @@ slugs:
   - cli
   - init
 history:
+  - version: 9.5.6
+    date: 2026-09-21
+    changes: "init infra सब-कमांड जोड़ें"
   - version: 8.6.4
     date: 2026-03-31
     changes: "--no-gitignore विकल्प जोड़ा गया"
@@ -125,6 +128,26 @@ bun x intlayer init --no-gitignore
 
 यह सभी कॉन्फ़िगरेशन फ़ाइलें सेट करेगा लेकिन आपके `.gitignore` को संशोधित नहीं करेगा।
 
+### इन्फ्रास्ट्रक्चर सेट करें (डेस्कटॉप ऐप या सेल्फ-होस्टिंग):
+
+```bash
+npx intlayer init infra
+```
+
+होस्ट किए गए इंस्टॉलर (`https://intlayer.org/install.sh`, या Windows पर `install.ps1`) को डाउनलोड और रन करता है, जो पूछता है कि आप Intlayer को कैसे चलाना चाहते हैं:
+
+- **डेस्कटॉप ऐप** - Intlayer Cloud से जुड़े आपके कंप्यूटर पर नेटिव डैशबोर्ड इंस्टॉल करता है।
+- **ऑल-इन-वन Docker** - एक ही कंटेनर में डैशबोर्ड + API + MongoDB + Redis + MinIO।
+- **Docker Compose** - स्केलेबल सेल्फ-होस्टिंग के लिए प्रति सेवा एक कंटेनर।
+
+`--mode` के साथ मेनू छोड़ें:
+
+```bash
+npx intlayer init infra --mode compose
+```
+
+वही चरण `npx intlayer init --interactive` द्वारा भी पेश किया जाता है। इंस्टॉलर सेटिंग्स के लिए [`init infra` संदर्भ](https://github.com/aymericzip/intlayer/blob/main/docs/docs/hi/cli/infra.md) देखें, और प्रत्येक मोड क्या सेट करता है इसके लिए [सेल्फ-होस्टिंग गाइड](https://github.com/aymericzip/intlayer/blob/main/docs/docs/hi/self_hosting.md) देखें।
+
 ## आउटपुट उदाहरण:
 
 ```bash

package/docs/hi/cli/upgrade.md

@@ -0,0 +1,125 @@
+---
+createdAt: 2026-09-23
+updatedAt: 2026-09-23
+title: CLI - Intlayer पैकेज अपग्रेड करें
+description: अपने प्रोजेक्ट या मोनोरेपो के प्रत्येक Intlayer पैकेज को सूचीबद्ध करने और उन्हें नवीनतम संस्करण में अपग्रेड करने के लिए Intlayer CLI upgrade कमांड का उपयोग करना सीखें।
+keywords:
+  - CLI
+  - Upgrade
+  - अपग्रेड
+  - Packages
+  - Monorepo
+  - Intlayer
+slugs:
+  - doc
+  - concept
+  - cli
+  - upgrade
+history:
+  - version: 9.5.8
+    date: 2026-09-23
+    changes: "upgrade कमांड जोड़ें"
+author: aymericzip
+---
+
+# Intlayer पैकेज अपग्रेड करें
+
+```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` कमांड आपके प्रोजेक्ट की प्रत्येक `package.json` (मोनोरेपो वर्कस्पेस सहित) में घोषित Intlayer पैकेजों को सूचीबद्ध करता है और उन्हें नवीनतम प्रकाशित संस्करण में अपग्रेड करता है। यह स्वतंत्र रूप से `intlayer init` के समान पैकेज अपग्रेड चरण चलाता है।
+
+## तर्क:
+
+- `--project-root [projectRoot]` - वैकल्पिक। प्रोजेक्ट रूट डायरेक्टरी। डिफ़ॉल्ट रूप से, कमांड वर्तमान कार्यशील डायरेक्टरी के ऊपर निकटतम `package.json` से शुरू होता है।
+- `--dry-run` - वैकल्पिक। किसी भी फ़ाइल को संशोधित किए बिना पैकेजों और उनके लक्षित संस्करण को सूचीबद्ध करता है।
+- `--tag <tag>` - वैकल्पिक। अपग्रेड करने के लिए npm dist-tag (उदाहरण के लिए `canary`)। डिफ़ॉल्ट `latest` है।
+
+## यह क्या करता है:
+
+1. **Intlayer पैकेजों को सूचीबद्ध करता है** - `intlayer`, `@intlayer/*`, `*-intlayer` और `intlayer-*` निर्भरताओं और devDependencies के लिए प्रोजेक्ट की प्रत्येक `package.json` (`node_modules` और बिल्ड आउटपुट को छोड़कर) को स्कैन करता है।
+2. **लक्षित संस्करण प्राप्त करता है** - npm रजिस्ट्री से प्रत्येक पैकेज के चयनित dist-tag (डिफ़ॉल्ट रूप से `latest`) का संस्करण पढ़ता है।
+3. **रेंज को फिर से लिखता है** - इसके ऑपरेटर (`^`, `~` या कोई नहीं) और फ़ाइल इंडेंटेशन को बनाए रखते हुए प्रत्येक पुराने रेंज को सीधे फ़ाइल में अपडेट करता है।
+4. **एक बार इंस्टॉल करता है** - लॉक फ़ाइल के स्वामी पैकेज मैनेजर का उपयोग करके वर्कस्पेस रूट (लॉक फ़ाइल वाली निकटतम डायरेक्टरी) से एकल इंस्टॉलेशन चलाता है:
+
+| लॉक फ़ाइल                       | कमांड          |
+| ------------------------------- | -------------- |
+| `bun.lock` / `bun.lockb`        | `bun install`  |
+| `pnpm-lock.yaml`                | `pnpm install` |
+| `yarn.lock`                     | `yarn install` |
+| `package-lock.json` या कोई नहीं | `npm install`  |
+
+यदि कोई लॉक फ़ाइल नहीं है, तो npm पर वापस जाने से पहले `package.json` के `packageManager` फ़ील्ड (उदाहरण के लिए `"bun@1.2.0"`) का उपयोग किया जाता है।
+
+वे रेंज जो रजिस्ट्री की ओर इंगित नहीं करते हैं, जैसे `workspace:*`, `file:`, `link:`, `catalog:` या git URL, कभी भी संशोधित नहीं होते हैं।
+
+## उदाहरण:
+
+### लागू किए बिना उपलब्ध अपग्रेड की सूची बनाएं:
+
+```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 रिलीज़ में अपग्रेड करें:
+
+```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
+```
+
+## आउटपुट उदाहरण:
+
+```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
+```
+
+## नोट्स:
+
+- प्रत्येक वर्कस्पेस को अपग्रेड करने के लिए अपने रिपॉजिटरी के रूट से कमांड चलाएं। केवल उस वर्कस्पेस को अपग्रेड करने के लिए किसी विशिष्ट वर्कस्पेस से इसे चलाएं।
+- जिन पैकेजों का संस्करण प्राप्त नहीं किया जा सकता (ऑफ़लाइन, निजी या अप्रकाशित पैकेज) उन्हें सूचीबद्ध किया जाता है और अपरिवर्तित छोड़ दिया जाता है।
+- यदि इंस्टॉलेशन विफल हो जाता है, तो अपग्रेड की गई रेंज `package.json` में रखी जाती हैं। अपने पैकेज मैनेजर के इंस्टॉल कमांड को मैन्युअल रूप से चलाएं।

package/docs/hi/dictionary/html.md

@@ -1,6 +1,6 @@
 ---
 createdAt: 2026-01-20
-updatedAt: 2026-01-22
+updatedAt: 2026-09-21
 title: HTML सामग्री
 description: जानें कि Intlayer में कस्टम कॉम्पोनेंट्स के साथ HTML सामग्री कैसे घोषित और उपयोग की जाती है। अपनी अंतर्राष्ट्रीयकृत परियोजना में गतिशील कॉम्पोनेंट प्रतिस्थापन के साथ समृद्ध HTML-जैसी सामग्री एम्बेड करने के लिए इस दस्तावेज़ का पालन करें।
 keywords:
@@ -13,6 +13,8 @@ keywords:
   - React
   - Vue
   - Svelte
+  - Remix
+  - Astro
 slugs:
   - doc
   - concept
@@ -236,6 +238,83 @@ HTML नोड पर `.use()` विधि का उपयोग करते
     ```
 
   </Tab>
+  <Tab label="Remix" value="remix">
+    Remix 3 में, HTML नोड्स एक HTML स्ट्रिंग में हल होते हैं। इसे Remix JSX के `innerHTML` प्रॉप के साथ, या `html-template` दृश्य में `html.raw` के साथ इंजेक्ट करें।
+
+    ```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 डिफ़ॉल्ट रूप से इंटरपोलेटेड मानों को एस्केप करता है। `innerHTML` और `html.raw` दो ऑप्ट-आउट हैं, जो एक HTML स्ट्रिंग की आवश्यकता है।
+
+    टैग को ओवरराइड करने या कस्टम घटकों को मैप करने के लिए `.use()` विधि का उपयोग करें। ओवरराइड ऐसे फ़ंक्शन हैं जो एक HTML स्ट्रिंग लौटाते हैं:
+
+    ```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 में, HTML नोड्स एक HTML स्ट्रिंग में हल होते हैं। इसे टेम्पलेट में `set:html` निर्देश के साथ, या क्लाइंट `<script>` में `innerHTML` के साथ इंजेक्ट करें।
+
+    ```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 डिफ़ॉल्ट रूप से `{अभिव्यक्तियों}` को एस्केप करता है। `set:html` ऑप्ट-आउट है, जो एक HTML स्ट्रिंग की आवश्यकता है।
+
+    टैग को ओवरराइड करने या कस्टम घटकों को मैप करने के लिए `.use()` विधि का उपयोग करें। ओवरराइड ऐसे फ़ंक्शन हैं जो एक HTML स्ट्रिंग लौटाते हैं:
+
+    ```astro
+    <div
+      set:html={myHtmlContent.use({
+        p: ({ children }) => `<p class="prose">${children}</p>`,
+        CustomLink: ({ children }) => `<a href="/details">${children}</a>`,
+      })}
+    />
+    ```
+
+  </Tab>
 </Tabs>
 
 ## `HTMLProvider` के साथ वैश्विक कॉन्फ़िगरेशन
@@ -471,6 +550,41 @@ HTML नोड पर `.use()` विधि का उपयोग करते
     > अपने HTML renderer को dynamically import करना आपके application के bundle size को कम करने का एक अच्छा तरीका है।
 
   </Tab>
+  <Tab label="Remix" value="remix">
+
+    Remix में प्रोवाइडर रखने के लिए कोई कंपोनेंट ट्री नहीं है, इसलिए सर्वर प्रारंभ होने पर कॉन्फ़िगरेशन एक सिंगलटन के रूप में एक बार स्थापित होता है। यह `useHTMLRenderer()` द्वारा लौटाए गए रेंडरर को कॉन्फ़िगर करता है। `useIntlayer` द्वारा लौटाए गए `html` नोड्स यथावत प्रस्तुत किए जाते हैं; प्रति नोड उनके टैग को `.use()` के साथ ओवरराइड करें।
+
+    ```typescript fileName="src/router.ts"
+    import { installIntlayerHTML } from "remix-intlayer/html";
+
+    installIntlayerHTML({
+      renderHTML: (html) => html.replaceAll("<p>", '<p class="prose">'),
+    });
+    ```
+
+    > रेंडरर को लेज़ी लोड करने के लिए `installIntlayerHTMLDynamic(async () => …)` का उपयोग करें; लोडर केवल पहले कॉल पर चलता है।
+
+  </Tab>
+  <Tab label="Astro" value="astro">
+
+    Astro में प्रोवाइडर रखने के लिए कोई कंपोनेंट ट्री नहीं है, इसलिए कॉन्फ़िगरेशन मिडलवेयर (सर्वर) और क्लाइंट `<script>` (ब्राउज़र) में सिंगलटन के रूप में एक बार स्थापित होता है। यह `useHTMLRenderer()` द्वारा लौटाए गए रेंडरर को कॉन्फ़िगर करता है। `useIntlayer` द्वारा लौटाए गए `html` नोड्स यथावत प्रस्तुत किए जाते हैं; प्रति नोड उनके टैग को `.use()` के साथ ओवरराइड करें।
+
+    ```typescript fileName="src/middleware.ts"
+    import { installIntlayerHTML } from "astro-intlayer/html";
+    import { defineMiddleware } from "astro:middleware";
+
+    // सर्वर प्रारंभ होने पर एक बार चलता है; Intlayer मिडलवेयर स्वयं इस फ़ाइल से
+    // पहले एकीकरण द्वारा पंजीकृत होता है।
+    installIntlayerHTML({
+      renderHTML: (html) => html.replaceAll("<p>", '<p class="prose">'),
+    });
+
+    export const onRequest = defineMiddleware((_context, next) => next());
+    ```
+
+    > रेंडरर को लेज़ी लोड करने के लिए `installIntlayerHTMLDynamic(async () => …)` का उपयोग करें; लोडर केवल पहले कॉल पर चलता है।
+
+  </Tab>
 </Tabs>
 
 ### मैनुअल रेंडरिंग और उन्नत टूल्स
@@ -643,15 +757,69 @@ HTML नोड पर `.use()` विधि का उपयोग करते
     ```
 
   </Tab>
+  <Tab label="Remix" value="remix">
+    #### `useHTMLRenderer()` हुक
+
+    `installIntlayerHTML()` द्वारा पूर्व-कॉन्फ़िगर किया गया रेंडरर फ़ंक्शन प्राप्त करें। यह एक HTML स्ट्रिंग लौटाता है।
+
+    ```tsx
+    import { useHTMLRenderer } from "remix-intlayer/html";
+
+    const renderHTML = useHTMLRenderer();
+
+    return <div innerHTML={renderHTML("<p>Hello <strong>World</strong></p>")} />;
+    ```
+
+    #### `renderHTML()` यूटिलिटी
+
+    स्टैंडअलोन यूटिलिटी जो वैश्विक कॉन्फ़िगरेशन को अनदेखा करती है।
+
+    ```tsx
+    import { renderHTML } from "remix-intlayer/html";
+
+    const html = renderHTML("<p>Hello</p>");
+    ```
+
+  </Tab>
+  <Tab label="Astro" value="astro">
+    #### `useHTMLRenderer()` हुक
+
+    `installIntlayerHTML()` द्वारा पूर्व-कॉन्फ़िगर किया गया रेंडरर फ़ंक्शन प्राप्त करें। यह एक HTML स्ट्रिंग लौटाता है।
+
+    ```astro
+    ---
+    import { useHTMLRenderer } from "astro-intlayer/html";
+
+    const renderHTML = useHTMLRenderer();
+    ---
+
+    <div set:html={renderHTML("<p>Hello <strong>World</strong></p>")} />
+    ```
+
+    #### `renderHTML()` यूटिलिटी
+
+    स्टैंडअलोन यूटिलिटी जो वैश्विक कॉन्फ़िगरेशन को अनदेखा करती है।
+
+    ```astro
+    ---
+    import { renderHTML } from "astro-intlayer/html";
+
+    const html = renderHTML("<p>Hello</p>");
+    ---
+
+    <div set:html={html} />
+    ```
+
+  </Tab>
 </Tabs>
 
 ## विकल्प संदर्भ
 
 इन विकल्पों को `HTMLProvider`, `HTMLRenderer`, `useHTMLRenderer`, और `renderHTML` को पास किया जा सकता है।
 
-| विकल्प       | प्रकार                | डिफ़ॉल्ट | विवरण                                                                                                          |
-| :----------- | :-------------------- | :------- | :------------------------------------------------------------------------------------------------------------- |
-| `components` | `Record<string, any>` | `{}`     | HTML टैग्स या कस्टम कॉम्पोनेंट नामों को कॉम्पोनेंट्स से मैप करने वाला ऑब्जेक्ट।                                |
-| `renderHTML` | `Function`            | `null`   | डिफ़ॉल्ट HTML पार्सर को पूरी तरह से बदलने के लिए एक कस्टम रेंडरिंग फ़ंक्शन (केवल Vue/Svelte providers के लिए)। |
+| विकल्प       | प्रकार                | डिफ़ॉल्ट | विवरण                                                                                                             |
+| :----------- | :-------------------- | :------- | :---------------------------------------------------------------------------------------------------------------- |
+| `components` | `Record<string, any>` | `{}`     | HTML टैग्स या कस्टम कॉम्पोनेंट नामों को कॉम्पोनेंट्स से मैप करने वाला ऑब्जेक्ट।                                   |
+| `renderHTML` | `Function`            | `null`   | डिफ़ॉल्ट HTML पार्सर को पूरी तरह से बदलने के लिए एक कस्टम रेंडरिंग फ़ंक्शन (Vue, Svelte, Remix और Astro प्रदाता)। |
 
 > नोट: React और Preact के लिए, मानक HTML टैग्स स्वतः प्रदान किए जाते हैं। केवल तभी आपको `components` prop पास करने की आवश्यकता होती है जब आप उन्हें ओवरराइड करना या कस्टम कॉम्पोनेंट जोड़ना चाहें।