@intlayer/docs 8.3.0 → 8.3.2

package/docs/hi/configuration.md

@@ -1,6 +1,6 @@
 ---
 createdAt: 2024-08-13
-updatedAt: 2026-03-11
+updatedAt: 2026-03-12
 title: कॉन्फ़िगरेशन
 description: अपने एप्लिकेशन के लिए Intlayer को कॉन्फ़िगर करना सीखें। Intlayer को अपनी आवश्यकताओं के अनुसार अनुकूलित करने के लिए विभिन्न सेटिंग्स और विकल्पों को समझें।
 keywords:
@@ -15,8 +15,8 @@ slugs:
   - configuration
 history:
   - version: 8.3.0
-    data: 2026-03-11
-    changes: 'baseDir' को 'content' से 'system' कॉन्फिग में ले जाया गया
+    date: 2026-03-11
+    changes: "'baseDir' को 'content' से 'system' कॉन्फिग में ले जाया गया"
   - version: 8.2.0
     date: 2026-03-09
     changes: कंपाइलर विकल्पों को अपडेट करें, 'output' और 'noMetadata' समर्थन जोड़ें
@@ -43,22 +43,22 @@ history:
     changes: JSON5 और JSONC फ़ाइल प्रारूपों के लिए समर्थन जोड़ा
   - version: 7.5.0
     date: 2025-12-17
-    changes: `buildMode` विकल्प जोड़ा
+    changes: "`buildMode` विकल्प जोड़ा"
   - version: 6.0.0
     date: 2025-09-16
-    changes: `live` आयात मोड जोड़ा
+    changes: "`live` आयात मोड जोड़ा"
   - version: 6.0.0
     date: 2025-09-04
-    changes: `hotReload` फ़ील्ड को `liveSync` से बदलें और `liveSyncPort` और `liveSyncURL` फ़ील्ड जोड़ें
+    changes: "`hotReload` फ़ील्ड को `liveSync` से बदलें और `liveSyncPort` और `liveSyncURL` फ़ील्ड जोड़ें"
   - version: 5.6.1
     date: 2025-07-25
-    changes: `activateDynamicImport` को `importMode` विकल्प से बदलें
+    changes: "`activateDynamicImport` को `importMode` विकल्प से बदलें"
   - version: 5.6.0
     date: 2025-07-13
     changes: डिफ़ॉल्ट contentDir को `['src']` से बदलकर `['.']` करें
   - version: 5.5.11
     date: 2025-06-29
-    changes: `docs` कमांड जोड़ें
+    changes: "`docs` कमांड जोड़ें"
 ---
 
 # Intlayer कॉन्फ़िगरेशन दस्तावेज़ीकरण
@@ -92,7 +92,7 @@ Intlayer JSON, JS, MJS, और TS कॉन्फ़िगरेशन फ़ा
 
 ## उदाहरण कॉन्फ़िगरेशन फ़ाइल
 
-```typescript fileName="intlayer.config.ts" codeFormat="typescript"
+````typescript fileName="intlayer.config.ts" codeFormat="typescript"
 import { Locales, type IntlayerConfig } from "intlayer";
 import { nextjsRewrite } from "intlayer/routing";
 import { z } from "zod";
@@ -190,7 +190,7 @@ const config: IntlayerConfig = {
      * Options: 'cookie', 'localStorage', 'sessionStorage', 'header', or an array of these.
      * Default: ['cookie', 'header']
      */
-    storage: "cookie",
+    storage: ["cookie", "header"],
 
     /**
      * Base path for the application URLs.
@@ -256,13 +256,13 @@ const config: IntlayerConfig = {
   editor: {
     /**
      * Whether the visual editor is enabled.
-     * Default: true
+     * Default: false
      */
     enabled: true,
 
     /**
      * URL of your application for origin validation.
-     * Default: "*"
+     * Default: ""
      */
     applicationURL: "http://localhost:3000",
 
@@ -327,6 +327,17 @@ const config: IntlayerConfig = {
      * Base URL for the AI API.
      */
     baseURL: "http://localhost:3000",
+
+    /**
+     * डेटा क्रमांकन (सीरियलाइजेशन)
+     *
+     * विकल्प:
+     * - "json": मानक, विश्वसनीय; अधिक टोकन का उपयोग करता है।
+     * - "toon": कम टोकन, JSON की तुलना में कम सुसंगत।
+     *
+     * डिफ़ॉल्ट: "json"
+     */
+    dataSerialization: "json",
   },
 
   /**
@@ -426,42 +437,70 @@ const config: IntlayerConfig = {
   compiler: {
     /**
      * इंगित करता है कि क्या कंपाइलर सक्षम होना चाहिए।
+     *
+     * - false : कंपाइलर को अक्षम करता है।
+     * - true : कंपाइलर को सक्षम करता है।
+     * - "build-only" : स्टार्टअप समय को तेज करने के लिए विकास के दौरान कंपाइलर को छोड़ देता है।
+     *
+     * डिफ़ॉल्ट मान : false
      */
     enabled: true,
 
     /**
-     * Pattern to traverse the code to optimize.
-     */
-    transformPattern: [
-      "**/*.{js,ts,mjs,cjs,jsx,tsx,vue,svelte}",
-      "!**/node_modules/**",
-    ],
-
-    /**
-     * Pattern to exclude from the optimization.
+     * आउटपुट फ़ाइल पथ को परिभाषित करता है। `outputDir` को प्रतिस्थापित करता है।
+     *
+     * - `./` पथ घटक निर्देशिका के सापेक्ष हल किए जाते हैं।
+     * - `/` पथ प्रोजेक्ट रूट (`baseDir`) के सापेक्ष हल किए जाते हैं।
+     *
+     * - पथ में `{{locale}}` चर डालने से भाषा द्वारा अलग किए गए शब्दकोश निर्माण सक्षम हो जाएंगे।
+     *
+     * उदाहरण:
+     * ```ts
+     * {
+     *   // घटक के बगल में बहुभाषी .content.ts फ़ाइलें बनाएँ
+     *   output: ({ fileName, extension }) => `./${fileName}${extension}`,
+     *
+     *   // output: './{{fileName}}{{extension}}', // स्ट्रिंग टेम्प्लेट का उपयोग करके समकक्ष
+     * }
+     * ```
+     *
+     * ```ts
+     * {
+     *   // प्रोजेक्ट रूट पर भाषा द्वारा केंद्रीकृत JSON फ़ाइलें बनाएँ
+     *   output: ({ key, locale }) => `/locales/${locale}/${key}.content.json`,
+     *
+     *   // output: '/locales/{{locale}}/{{key}}.content.json', // स्ट्रिंग टेम्प्लेट का उपयोग करके समकक्ष
+     * }
+     * ```
+     *
+     * चर सूची:
+     *   - `fileName`: फ़ाइल का नाम।
+     *   - `key`: सामग्री की कुंजी।
+     *   - `locale`: सामग्री का स्थानीय मान (लोकल)।
+     *   - `extension`: फ़ाइल एक्सटेंशन।
+     *   - `componentFileName`: घटक फ़ाइल का नाम।
+     *   - `componentExtension`: घटक फ़ाइल एक्सटेंशन।
+     *   - `format`: शब्दकोश प्रारूप।
+     *   - `componentFormat`: घटक शब्दकोश प्रारूप।
+     *   - `componentDirPath`: घटक निर्देशिका पथ।
      */
-    excludePattern: ["**/node_modules/**"],
+    output: ({ locale, key }) => `compiler/${locale}/${key}.json`,
 
     /**
-     * अनुकूलित शब्दकोशों के लिए आउटपुट निर्देशिका।
+     * इंगित करता है कि क्या घटकों को रूपांतरित होने के बाद सहेजा जाना चाहिए।
+     * इस तरह, कंपाइलer को ऐप को रूपांतरित करने के लिए केवल एक बार चलाया जा सकता है, और फिर इसे हटाया जा सकता है।
      */
-    output: ({ key }) => `compiler/${key}.content.json`,
+    saveComponents: false,
 
     /**
-     * उत्पन्न फ़ाइल में केवल सामग्री डालें, बिना कुंजी के।
+     * उत्पन्न फ़ाइल में केवल सामग्री डालें। प्रति-लोकल i18next या ICU MessageFormat JSON आउटपुट के लिए उपयोगी।
      */
     noMetadata: false,
 
     /**
      * शब्दकोश कुंजी उपसर्ग
      */
-    dictionaryKeyPrefix: "", // Remove base prefix
-
-    /**
-     * इंगित करता है कि क्या घटकों को रूपांतरित होने के बाद सहेजा जाना चाहिए।
-     * इस तरह, कंपाइलer को ऐप को रूपांतरित करने के लिए केवल एक बार चलाया जा सकता है, और फिर इसे हटाया जा सकता है।
-     */
-    saveComponents: false,
+    dictionaryKeyPrefix: "", // निकाली गई शब्दकोश कुंजियों के लिए वैकल्पिक उपसर्ग जोड़ें
   },
 
   /**
@@ -480,7 +519,7 @@ const config: IntlayerConfig = {
 };
 
 export default config;
-```
+````
 
 ## कॉन्फ़िगरेशन संदर्भ
 
@@ -984,25 +1023,6 @@ Intlayer बेहतर लचीलापन और विकल्प के
   - _नोट_: यह विकल्प `@intlayer/babel` और `@intlayer/swc` प्लगइन्स पर निर्भर करता है।
   - _नोट_: सुनिश्चित करें कि सभी कुंजियाँ `useIntlayer` कॉल्स में स्थैतिक रूप से घोषित हों। उदाहरण के लिए `useIntlayer('navbar')`।
 
-- **importMode**:
-  - _नोट_: **Deprecated**: Use `dictionary.importMode` instead.
-  - _प्रकार_: `'static' | 'dynamic' | 'fetch'`
-  - _डिफ़ॉल्ट_: `'static'`
-  - _विवरण_: नियंत्रित करता है कि शब्दकोश कैसे आयात किए जाते हैं।
-  - _उदाहरण_: `'dynamic'`
-  - _नोट_: उपलब्ध मोड:
-    - "static": शब्दकोश स्थैतिक रूप से आयात किए जाते हैं। `useIntlayer` को `useDictionary` से बदलता है।
-    - "dynamic": शब्दकोश Suspense का उपयोग करके गतिशील रूप से आयात किए जाते हैं। `useIntlayer` को `useDictionaryDynamic` से बदलता है।
-  - "fetch": शब्दकोशों को लाइव सिंक API का उपयोग करके गतिशील रूप से प्राप्त किया जाता है। `useIntlayer` को `useDictionaryFetch` से बदलता है।
-  - _नोट_: डायनेमिक इम्पोर्ट्स Suspense पर निर्भर करते हैं और रेंडरिंग प्रदर्शन को थोड़ा प्रभावित कर सकते हैं।
-  - _नोट_: यदि अक्षम किया गया है, तो सभी लोकल एक साथ लोड होंगे, भले ही उनका उपयोग न किया जाए।
-  - _नोट_: यह विकल्प `@intlayer/babel` और `@intlayer/swc` प्लगइन्स पर निर्भर करता है।
-  - _नोट_: सुनिश्चित करें कि `useIntlayer` कॉल्स में सभी कुंजी स्थैतिक रूप से घोषित हों। उदाहरण के लिए `useIntlayer('navbar')`।
-  - _नोट_: यदि `optimize` अक्षम है, तो इस विकल्प को अनदेखा किया जाएगा।
-  - _नोट_: यदि इसे "live" पर सेट किया गया है, तो केवल वे शब्दकोश जो रिमोट सामग्री शामिल करते हैं, और जिन्हें "live" फ्लैग के रूप में सेट किया गया है, उन्हें लाइव मोड के रूप में परिवर्तित किया जाएगा। अन्य शब्दकोशों को "dynamic" मोड के रूप में गतिशील रूप से आयात किया जाएगा ताकि फ़ेच क्वेरी की संख्या और लोड प्रदर्शन का अनुकूलन किया जा सके।
-  - _नोट_: लाइव मोड शब्दकोशों को प्राप्त करने के लिए लाइव सिंक API का उपयोग करेगा। यदि API कॉल विफल हो जाती है, तो शब्दकोशों को "dynamic" मोड के रूप में गतिशील रूप से आयात किया जाएगा।
-  - _नोट_: यह विकल्प `getIntlayer`, `getDictionary`, `useDictionary`, `useDictionaryAsync` और `useDictionaryDynamic` फ़ंक्शनों को प्रभावित नहीं करेगा।
-
 - **outputFormat**:
   - _प्रकार_: `'esm' | 'cjs'`
   - _डिफ़ॉल्ट_: `'esm'`
@@ -1036,7 +1056,7 @@ Intlayer बेहतर लचीलापन और विकल्प के
 
 - **dictionaryKeyPrefix**:
   - _प्रकार_: `string`
-  - _डिफ़ॉल्ट_: `'comp-'`
+  - _डिफ़ॉल्ट_: `''`
   - _विवरण_: निकाले गए शब्दकोश कुंजियों के लिए उपसर्ग।
   - _उदाहरण_: `'my-key-'`
   - _नोट_: जब शब्दकोश निकाले जाते हैं, तो कुंजी फ़ाइल नाम के आधार पर उत्पन्न होती है। संघर्षों को रोकने के लिए उत्पन्न कुंजी में यह उपसर्ग जोड़ा जाता है।
@@ -1060,30 +1080,34 @@ Intlayer बेहतर लचीलापन और विकल्प के
   - _विवरण_: पैटर्न जो यह परिभाषित करते हैं कि अनुकूलन के दौरान किन फ़ाइलों को बाहर रखा जाना चाहिए।
   - _उदाहरण_: `['**/node_modules/**', '!**/node_modules/react/**']`
 
-- **outputDir**:
-  - _प्रकार_: `string`
-  - _डिफ़ॉल्ट_: `'compiler'`
-  - _विवरण_: वह निर्देशिका जहाँ निकाले गए शब्दकोश संग्रहीत किए जाएंगे, आपके प्रोजेक्ट बेस पाथ के सापेक्ष।
-
 - **output**:
   - _प्रकार_: `FilePathPattern`
-  - _डिफ़ॉल्ट_: `({ key }) => 'compiler/${key}.content.json'`
-  - _विवरण_: आउटपुट फ़ाइल पथ को परिभाषित करता है। `outputDir` को प्रतिस्थापित करता है। `{{locale}}`, `{{key}}`, `{{fileName}}`, `{{extension}}`, `{{format}}`, `{{dirPath}}`, `{{componentFileName}}`, `{{componentExtension}}`, और `{{componentFormat}}` जैसे गतिशील चरों को संभालता है। इसे `'my/{{var}}/path'` प्रारूप का उपयोग करके एक स्ट्रिंग के रूप में, या एक फ़ंक्शन के रूप में सेट किया जा सकता है।
-  - _नोट_: `./**/*` पथ घटक के सापेक्ष हल किए जाते हैं। `/**/*` पथ Intlayer `baseDir` के सापेक्ष हल किए जाते हैं।
-  - _उदाहरण_: `output: ({ locale, key }) => 'compiler/${locale}/${key}.json'`
+  - _डिफ़ॉल्ट_: `undefined`
+  - _विवरण_: आउटपुट फ़ाइल पथ को परिभाषित करता है। `outputDir` को प्रतिस्थापित करता है। टेम्प्लेट स्ट्रिंग या फ़ंक्शन के माध्यम से डायनेमिक वैरिएबल का समर्थन करता है। समर्थित वैरिएबल: `{{fileName}}`, `{{key}}`, `{{locale}}`, `{{extension}}`, `{{componentFileName}}`, `{{componentExtension}}`, `{{format}}`, `{{componentFormat}}`, `{{componentDirPath}}` ।
+  - _नोट_: `./` से शुरू होने वाले पथ घटक निर्देशिका के सापेक्ष हल किए जाते हैं। `/` से शुरू होने वाले पथ प्रोजेक्ट रूट (`baseDir`) के सापेक्ष हल किए जाते हैं।
+  - _नोट_: पथ में `{{locale}}` वैरिएबल को शामिल करने से प्रति भाषा अलग शब्दकोश तैयार होंगे।
+  - _उदाहरण_:
+    - **घटक के पास बहु-भाषा फ़ाइलें बनाएँ**:
+    - स्ट्रिंग: `'./{{fileName}}{{extension}}'`
+    - फ़ंक्शन: `({ fileName, extension }) => \`./${fileName}${extension}\``
+
+    - **प्रति भाषा केंद्रीकृत JSON फ़ाइलें आउटपुट करें**:
+    - स्ट्रिंग: `'/locales/{{locale}}/{{key}}.content.json'`
+    - फ़ंक्शन: `({ key, locale }) => \`/locales/${locale}/${key}.content.json\``
 
 - **noMetadata**:
   - _प्रकार_: `boolean`
   - _डिफ़ॉल्ट_: `false`
-  - _विवरण_: इंगित करता है कि फ़ाइल में मेटाडेटा सहेजा जाना चाहिए या नहीं। यदि सही है, तो कंपाइलर शब्दकोशों (कुंजी, सामग्री रैपर) के मेटाडेटा को नहीं बचाएगा।
+  - _विवरण_: इंगित करता है कि फ़ाइल में मेटाडेटा सहेजा जाना चाहिए या नहीं। यदि सही है, तो कंपाइलर शब्दकोशों (कुंजी, सामग्री रैपर) के मेटाडेटा को नहीं बचाएगा। प्रति-लोकल i18next या ICU MessageFormat JSON आउटपुट के लिए उपयोगी।
   - _नोट_: `loadJSON` प्लगइन के साथ उपयोग किए जाने पर उपयोगी।
-  - _उदाहरण_: यदि `सही` है:
+  - _उदाहरण_:
+    यदि `सही` है :
     ```json
     {
       "key": "value"
     }
     ```
-    यदि `गलत` है:
+    यदि `गलत` है :
     ```json
     {
       "key": "value",

package/docs/hi/intlayer_with_analog.md

@@ -344,7 +344,7 @@ Intlayer द्वारा उत्पन्न फ़ाइलों को
 
 ऐसा करने के लिए, आप अपनी `.gitignore` फ़ाइल में निम्नलिखित निर्देश जोड़ सकते हैं:
 
-```plaintext
+```bash
 # Ignore the files generated by Intlayer
 .intlayer
 ```

package/docs/hi/intlayer_with_angular.md

@@ -397,8 +397,8 @@ Intlayer द्वारा उत्पन्न फ़ाइलों को
 
 ऐसा करने के लिए, आप अपनी `.gitignore` फ़ाइल में निम्नलिखित निर्देश जोड़ सकते हैं:
 
-```plaintext
-# Intlayer द्वारा उत्पन्न फ़ाइलों को अनदेखा करें
+```bash
+#  Intlayer द्वारा उत्पन्न फ़ाइलों को अनदेखा करें
 .intlayer
 ```
 

package/docs/hi/intlayer_with_astro.md

@@ -218,8 +218,8 @@ Intlayer टाइपस्क्रिप्ट के लाभ प्रा
 
 इसे करने के लिए, आप अपनी `.gitignore` फ़ाइल में निम्नलिखित निर्देश जोड़ सकते हैं:
 
-```plaintext
-# Intlayer द्वारा जनरेट की गई फाइलों को अनदेखा करें
+```bash
+#  Intlayer द्वारा जनरेट की गई फाइलों को अनदेखा करें
 .intlayer
 ```
 

package/docs/hi/intlayer_with_lynx+react.md

@@ -511,8 +511,8 @@ Intlayer टाइप परिभाषाएँ एक छिपे हुए
 
 Intlayer द्वारा उत्पन्न ऑटो-जनरेटेड फ़ाइलों को कमिट करने से बचने के लिए, अपने `.gitignore` में निम्नलिखित जोड़ें:
 
-```plaintext
-# Intlayer द्वारा उत्पन्न फ़ाइलों को अनदेखा करें
+```bash
+#  Intlayer द्वारा उत्पन्न फ़ाइलों को अनदेखा करें
 .intlayer
 ```
 

package/docs/hi/intlayer_with_nextjs_16.md

@@ -1,6 +1,6 @@
 ---
 createdAt: 2024-12-06
-updatedAt: 2025-12-30
+updatedAt: 2026-03-12
 title: Next.js i18n - Next.js 16 ऐप कैसे अनुवाद करें 2026 में
 description: जानें कि अपनी Next.js 16 वेबसाइट को बहुभाषी कैसे बनाएं। अंतरराष्ट्रीयकरण (i18n) और अनुवाद के लिए दस्तावेज़ का पालन करें।
 keywords:
@@ -1440,6 +1440,179 @@ return (
 > - [`dir` attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/dir)
 > - [`aria-current` attribute](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)
 
+### (वैकल्पिक) कदम 1 : अपने घटकों की सामग्री निकालें
+
+यदि आपके पास मौजूदा कोडबेस है, तो हजारों फ़ाइलों को बदलना समय लेने वाला हो सकता है।
+
+इस प्रक्रिया को आसान बनाने के लिए, Intlayer आपके घटकों को बदलने और सामग्री निकालने के लिए एक [कंपाइलर](https://github.com/aymericzip/intlayer/blob/main/docs/docs/hi/compiler.md) / [एक्सट्रैक्टर](https://github.com/aymericzip/intlayer/blob/main/docs/docs/hi/cli/extract.md) का प्रस्ताव करता है।
+
+इसे सेट करने के लिए, आप अपनी `intlayer.config.ts` फ़ाइल में एक `compiler` अनुभाग जोड़ सकते हैं:
+
+```typescript fileName="intlayer.config.ts" codeFormat="typescript"
+import { type IntlayerConfig } from "intlayer";
+
+const config: IntlayerConfig = {
+  // ... आपका शेष कॉन्फ़िगरेशन
+  compiler: {
+    /**
+     * इंगित करता है कि क्या कंपाइलर सक्षम होना चाहिए।
+     */
+    enabled: true,
+
+    /**
+     * आउटपुट फ़ाइलों का पथ परिभाषित करता है
+     */
+    output: ({ fileName, extension }) => `./${fileName}${extension}`,
+
+    /**
+     * इंगित करता है कि क्या घटकों को बदलने के बाद सहेजा जाना चाहिए। उस तरह से, कंपाइलर को ऐप बदलने के लिए केवल एक बार चलाया जा सकता है, और फिर इसे हटाया जा सकता है।
+     */
+    saveComponents: false,
+
+    /**
+     * शब्दकोश कुंजी उपसर्ग
+     */
+    dictionaryKeyPrefix: "",
+  },
+};
+
+export default config;
+```
+
+```javascript fileName="intlayer.config.mjs" codeFormat="esm"
+/** @type {import('intlayer').IntlayerConfig} */
+const config = {
+  // ... आपका शेष कॉन्फ़िगरेशन
+  compiler: {
+    /**
+     * इंगित करता है कि क्या कंपाइलर सक्षम होना चाहिए।
+     */
+    enabled: true,
+
+    /**
+     * आउटपुट फ़ाइलों का पथ परिभाषित करता है
+     */
+    output: ({ fileName, extension }) => `./${fileName}${extension}`,
+
+    /**
+     * इंगित करता है कि क्या घटकों को बदलने के बाद सहेजा जाना चाहिए। उस तरह से, कंपाइलर को ऐप बदलने के लिए केवल एक बार चलाया जा सकता है, और फिर इसे हटाया जा सकता है।
+     */
+    saveComponents: false,
+
+    /**
+     * शब्दकोश कुंजी उपसर्ग
+     */
+    dictionaryKeyPrefix: "",
+  },
+};
+
+export default config;
+```
+
+```javascript fileName="intlayer.config.cjs" codeFormat="commonjs"
+/** @type {import('intlayer').IntlayerConfig} */
+const config = {
+  // ... आपका शेष कॉन्फ़िगरेशन
+  compiler: {
+    /**
+     * इंगित करता है कि क्या कंपाइलर सक्षम होना चाहिए।
+     */
+    enabled: true,
+
+    /**
+     * आउटपुट फ़ाइलों का पथ परिभाषित करता है
+     */
+    output: ({ fileName, extension }) => `./${fileName}${extension}`,
+
+    /**
+     * इंगित करता है कि क्या घटकों को बदलने के बाद सहेजा जाना चाहिए। उस तरह से, कंपाइलर को ऐप बदलने के लिए केवल एक बार चलाया जा सकता है, और फिर इसे हटाया जा सकता है।
+     */
+    saveComponents: false,
+
+    /**
+     * शब्दकोश कुंजी उपसर्ग
+     */
+    dictionaryKeyPrefix: "",
+  },
+};
+
+module.exports = config;
+```
+
+<Tabs>
+ <Tab value='निकालें कमांड'>
+
+अपने घटकों को बदलने और सामग्री निकालने के लिए एक्सट्रैक्टर चलाएँ
+
+```bash packageManager="npm"
+npx intlayer extract
+```
+
+```bash packageManager="pnpm"
+pnpm intlayer extract
+```
+
+```bash packageManager="yarn"
+yarn intlayer extract
+```
+
+```bash packageManager="bun"
+bunx intlayer extract
+```
+
+ </Tab>
+ <Tab value='बैबेल कंपाइलर'>
+
+```bash packageManager="npm"
+npm install @intlayer/babel --save-dev
+```
+
+```bash packageManager="pnpm"
+pnpm add @intlayer/babel --save-dev
+```
+
+```bash packageManager="yarn"
+yarn add @intlayer/babel --save-dev
+```
+
+```bash packageManager="bun"
+bun add @intlayer/babel --dev
+```
+
+```js fileName="babel.config.js"
+const {
+  intlayerExtractBabelPlugin,
+  getExtractPluginOptions,
+} = require("@intlayer/babel");
+
+module.exports = {
+  presets: ["next/babel"],
+  plugins: [
+    // घटकों से शब्दकोशों में सामग्री निकालें
+    [intlayerExtractBabelPlugin, getExtractPluginOptions()],
+  ],
+};
+```
+
+```bash packageManager="npm"
+npm run build # या npm run dev
+```
+
+```bash packageManager="pnpm"
+pnpm run build # Or pnpm run dev
+```
+
+```bash packageManager="yarn"
+yarn build # Or yarn dev
+```
+
+```bash packageManager="bun"
+bun run build # Or bun run dev
+```
+
+ </Tab>
+</Tabs>
+
 ### (वैकल्पिक) चरण 11: एक स्थानीयकृत लिंक कॉम्पोनेंट बनाना
 
 यह सुनिश्चित करने के लिए कि आपके एप्लिकेशन का नेविगेशन वर्तमान लोकल का सम्मान करता है, आप एक कस्टम `Link` कॉम्पोनेंट बना सकते हैं। यह कॉम्पोनेंट स्वचालित रूप से आंतरिक URL को वर्तमान भाषा के साथ प्रीफ़िक्स करता है। उदाहरण के लिए, जब कोई फ़्रेंच भाषी उपयोगकर्ता "About" पृष्ठ के लिंक पर क्लिक करता है, तो उन्हें `/about` के बजाय `/fr/about` पर पुनर्निर्देशित किया जाता है।