@intlayer/docs 5.5.10 → 5.5.11

package/blog/hi/intlayer_with_next-i18next.md

@@ -0,0 +1,368 @@
+---
+createdAt: 2024-08-11
+updatedAt: 2025-06-29
+title: Intlayer और next-i18next
+description: Next.js एप्लिकेशन के लिए next-i18next को एक्सटेंशन करें
+keywords:
+  - i18next
+  - next-i18next
+  - Intlayer
+  - अंतर्राष्ट्रीयकरण
+  - दस्तावेज़ीकरण
+  - Next.js
+  - JavaScript
+  - React
+slugs:
+  - blog
+  - intlayer-with-next-i18next
+---
+
+# Next.js अंतर्राष्ट्रीयकरण (i18n) next-i18next और Intlayer के साथ
+
+next-i18next और Intlayer दोनों ओपन-सोर्स अंतर्राष्ट्रीयकरण (i18n) ढांचे हैं जो Next.js अनुप्रयोगों के लिए डिज़ाइन किए गए हैं। उनका उपयोग सॉफ़्टवेयर परियोजनाओं में अनुवाद, स्थानीयकरण और भाषा स्विचिंग के प्रबंधन के लिए किया जाता है।
+
+दोनों समाधानों में तीन मुख्य अवधारणाएँ शामिल हैं:
+
+1. **सामग्री घोषणा**: आपके अनुप्रयोग की अनुवाद योग्य सामग्री को परिभाषित करने की विधि।
+
+   - `i18next` के मामले में `resource` के नाम से जाना जाता है, सामग्री घोषणा एक संरचित JSON ऑब्जेक्ट है जिसमें एक या अधिक भाषाओं में अनुवाद के लिए कुंजी-मूल्य जोड़ होते हैं। अधिक जानकारी के लिए [i18next डॉक्यूमेंटेशन](https://www.i18next.com/translation-function/essentials) देखें।
+   - `Intlayer` के मामले में `content declaration file` के नाम से जाना जाता है, सामग्री घोषणा एक JSON, JS, या TS फ़ाइल हो सकती है जो संरचित डेटा को निर्यात करती है। अधिक जानकारी के लिए [Intlayer डॉक्यूमेंटेशन](https://intlayer.org/fr/doc/concept/content) देखें।
+
+2. **उपकरण**: अनुप्रयोग में सामग्री घोषणाओं को बनाने और व्याख्या करने के लिए उपकरण, जैसे `getI18n()`, `useCurrentLocale()`, या `useChangeLocale()` next-i18next के लिए, और `useIntlayer()` या `useLocale()` Intlayer के लिए।
+
+3. **प्लगइन्स और मिडलवेयर**: URL रिडायरेक्शन, बंडल ऑप्टिमाइजेशन, और अधिक के प्रबंधन के लिए सुविधाएँ, जैसे next-i18next के लिए `next-i18next/middleware` या Intlayer के लिए `intlayerMiddleware`।
+
+## Intlayer बनाम i18next: महत्वपूर्ण मतभेद
+
+i18next और Intlayer के बीच मतभेदों का पता लगाने के लिए हमारे [next-i18next बनाम next-intl बनाम Intlayer](https://github.com/aymericzip/intlayer/blob/main/docs/blog/hi/i18next_vs_next-intl_vs_intlayer.md) के ब्लॉग पोस्ट पर जाएँ।
+
+## Intlayer के साथ next-i18next शब्दकोश कैसे उत्पन्न करें
+
+### Intlayer को next-i18next के साथ उपयोग करने का कारण?
+
+Intlayer सामग्री घोषणा फ़ाइलें आमतौर पर बेहतर डेवलपर अनुभव प्रदान करती हैं। वे दो मुख्य लाभों के कारण अधिक लचीली और प्रबंधन योग्य हैं:
+
+1. **लचीला स्थान**: एक Intlayer सामग्री घोषणा फ़ाइल अनुप्रयोग की फ़ाइल वृक्ष में कहीं भी रखी जा सकती है, जिससे अप्रयुक्त सामग्री घोषणाओं को छोड़े बिना दोहराए गए या हटाए गए घटकों का प्रबंधन सरल हो जाता है।
+
+   उदाहरण फ़ाइल संरचनाएँ:
+
+   ```bash codeFormat="typescript"
+   .
+   └── src
+       └── components
+           └── MyComponent
+               ├── index.content.ts # सामग्री घोषणा फ़ाइल
+               └── index.tsx
+   ```
+
+   ```bash codeFormat="esm"
+   .
+   └── src
+       └── components
+           └── MyComponent
+               ├── index.content.mjs # सामग्री घोषणा फ़ाइल
+               └── index.mjx
+   ```
+
+   ```bash codeFormat="cjs"
+   .
+   └── src
+       └── components
+           └── MyComponent
+               ├── index.content.cjs # सामग्री घोषणा फ़ाइल
+               └── index.cjx
+   ```
+
+   ```bash codeFormat="json"
+   .
+   └── src
+       └── components
+           └── MyComponent
+               ├── index.content.json # सामग्री घोषणा फ़ाइल
+               └── index.jsx
+   ```
+
+2. **केंद्रीकृत अनुवाद**: Intlayer सभी अनुवादों को एकल फ़ाइल में संग्रहीत करता है, यह सुनिश्चित करता है कि कोई अनुवाद गायब नहीं है। जब TypeScript का उपयोग किया जाता है, तो गायब अनुवादों का स्वचालित रूप से पता लगाया जाता है और उन्हें त्रुटियों के रूप में रिपोर्ट किया जाता है।
+
+### स्थापना
+
+```bash packageManager="npm"
+npm install intlayer i18next next-i18next i18next-resources-to-backend
+```
+
+```bash packageManager="yarn"
+yarn add intlayer i18next next-i18next i18next-resources-to-backend
+```
+
+```bash packageManager="pnpm"
+pnpm add intlayer i18next next-i18next i18next-resources-to-backend
+```
+
+### Intlayer को i18next शब्दकोश निर्यात करने के लिए कॉन्फ़िगर करना
+
+> i18next संसाधनों का निर्यात अन्य ढांचों के साथ 1:1 संगतता सुनिश्चित नहीं करता है। समस्याओं को कम करने के लिए Intlayer-आधारित कॉन्फ़िगरेशन से चिपके रहना अनुशंसित है।
+
+i18next संसाधनों को निर्यात करने के लिए, एक `intlayer.config.ts` फ़ाइल में Intlayer को कॉन्फ़िगर करें। उदाहरण कॉन्फ़िगरेशन:
+
+```typescript fileName="intlayer.config.ts" codeFormat="typescript"
+import { Locales, type IntlayerConfig } from "intlayer";
+
+const config: IntlayerConfig = {
+  internationalization: {
+    locales: [Locales.ENGLISH, Locales.FRENCH, Locales.SPANISH],
+    defaultLocale: Locales.ENGLISH,
+  },
+  content: {
+    dictionaryOutput: ["i18next"],
+    i18nextResourcesDir: "./i18next/resources",
+  },
+};
+
+export default config;
+```
+
+```javascript fileName="intlayer.config.mjs" codeFormat="esm"
+import { Locales } from "intlayer";
+
+/** @type {import('intlayer').IntlayerConfig} */
+const config = {
+  internationalization: {
+    locales: [Locales.ENGLISH, Locales.FRENCH, Locales.SPANISH],
+    defaultLocale: Locales.ENGLISH,
+  },
+  content: {
+    dictionaryOutput: ["i18next"],
+    i18nextResourcesDir: "./i18next/resources",
+  },
+};
+
+export default config;
+```
+
+```javascript fileName="intlayer.config.cjs" codeFormat="commonjs"
+const { Locales } = require("intlayer");
+
+/** @type {import('intlayer').IntlayerConfig} */
+const config = {
+  internationalization: {
+    locales: [Locales.ENGLISH, Locales.FRENCH, Locales.SPANISH],
+    defaultLocale: Locales.ENGLISH,
+  },
+  content: {
+    dictionaryOutput: ["i18next"],
+    i18nextResourcesDir: "./i18next/resources",
+  },
+};
+
+module.exports = config;
+```
+
+यहाँ आपके दस्तावेज़ के शेष भागों का निरंतरता और सुधार है:
+
+---
+
+### आपके i18next कॉन्फ़िगरेशन में शब्दकोशों को आयात करना
+
+उत्पन्न संसाधनों को आपके i18next कॉन्फ़िगरेशन में आयात करने के लिए, `i18next-resources-to-backend` का उपयोग करें। नीचे उदाहरण दिए गए हैं:
+
+```typescript fileName="i18n/client.ts" codeFormat="typescript"
+import i18next from "i18next";
+import resourcesToBackend from "i18next-resources-to-backend";
+
+i18next.use(
+  resourcesToBackend(
+    (language: string, namespace: string) =>
+      import(`../i18next/resources/${language}/${namespace}.json`)
+  )
+);
+```
+
+```javascript fileName="i18n/client.mjs" codeFormat="esm"
+import i18next from "i18next";
+import resourcesToBackend from "i18next-resources-to-backend";
+
+i18next.use(
+  resourcesToBackend(
+    (language, namespace) =>
+      import(`../i18next/resources/${language}/${namespace}.json`)
+  )
+);
+```
+
+```javascript fileName="i18n/client.cjs" codeFormat="commonjs"
+const i18next = require("i18next");
+const resourcesToBackend = require("i18next-resources-to-backend");
+
+i18next.use(
+  resourcesToBackend(
+    (language, namespace) =>
+      import(`../i18next/resources/${language}/${namespace}.json`)
+  )
+);
+```
+
+### सामग्री घोषणा
+
+विभिन्न प्रारूपों में सामग्री घोषणा फ़ाइलों के उदाहरण:
+
+```typescript fileName="**/*.content.ts" contentDeclarationFormat="typescript"
+import { t, type Dictionary } from "intlayer";
+
+const content = {
+  key: "my-content",
+  content: {
+    myTranslatedContent: t({
+      en: "Hello World",
+      fr: "Bonjour le monde",
+      es: "Hola Mundo",
+    }),
+  },
+} satisfies Dictionary;
+
+export default content;
+```
+
+```javascript fileName="**/*.content.mjs" contentDeclarationFormat="esm"
+import { t } from "intlayer";
+
+/** @type {import('intlayer').Dictionary} */
+const content = {
+  key: "my-content",
+  content: {
+    myTranslatedContent: t({
+      en: "Hello World",
+      fr: "Bonjour le monde",
+      es: "Hola Mundo",
+    }),
+  },
+};
+```
+
+```javascript fileName="**/*.content.cjs" contentDeclarationFormat="commonjs"
+const { t } = require("intlayer");
+
+module.exports = {
+  key: "my-content",
+  content: {
+    myTranslatedContent: t({
+      en: "Hello World",
+      fr: "Bonjour le monde",
+      es: "Hola Mundo",
+    }),
+  },
+};
+```
+
+```json fileName="**/*.content.json" contentDeclarationFormat="json"
+{
+  "$schema": "https://intlayer.org/schema.json",
+  "key": "my-content",
+  "content": {
+    "myTranslatedContent": {
+      "nodeType": "translation",
+      "translation": {
+        "en": "Hello World",
+        "fr": "Bonjour le monde",
+        "es": "Hola Mundo"
+      }
+    }
+  }
+}
+```
+
+### next-i18next संसाधनों का निर्माण
+
+next-i18next संसाधनों का निर्माण करने के लिए, निम्नलिखित कमांड चलाएँ:
+
+```bash packageManager="npm"
+npx run intlayer build
+```
+
+```bash packageManager="yarn"
+yarn intlayer build
+```
+
+```bash packageManager="pnpm"
+pnpm intlayer build
+```
+
+यह `./i18next/resources` निर्देशिका में संसाधन उत्पन्न करेगा। अपेक्षित आउटपुट:
+
+```bash
+.
+└── i18next
+    └── resources
+       └── en
+           └── my-content.json
+       └── fr
+           └── my-content.json
+       └── es
+           └── my-content.json
+```
+
+नोट: i18next namespace Intlayer घोषणा कुंजी के अनुरूप है।
+
+### Next.js प्लगइन का कार्यान्वयन
+
+एक बार कॉन्फ़िगर हो जाने के बाद, जब भी Intlayer सामग्री घोषणा फ़ाइलें अपडेट होती हैं, तब आपके i18next संसाधनों को फिर से बनाने के लिए Next.js प्लगइन को लागू करें।
+
+```typescript fileName="next.config.mjs"
+import { withIntlayer } from "next-intlayer/server";
+
+/** @type {import('next').NextConfig} */
+const nextConfig = {};
+
+export default withIntlayer(nextConfig);
+```
+
+### Next.js घटकों में सामग्री का उपयोग करना
+
+Next.js प्लगइन को लागू करने के बाद, आप अपने घटकों में सामग्री का उपयोग कर सकते हैं:
+
+```typescript fileName="src/components/myComponent/index.tsx" codeFormat="typescript"
+import type { FC } from "react";
+import { useTranslation } from "react-i18next";
+
+const IndexPage: FC = () => {
+  const { t } = useTranslation();
+
+  return (
+    <div>
+      <h1>{t("my-content.title")}</h1>
+      <p>{t("my-content.description")}</p>
+    </div>
+  );
+};
+
+export default IndexPage;
+```
+
+```jsx fileName="src/components/myComponent/index.mjx" codeFormat="esm"
+import { useTranslation } from "react-i18next";
+
+const IndexPage = () => {
+  const { t } = useTranslation();
+
+  return (
+    <div>
+      <h1>{t("my-content.title")}</h1>
+      <p>{t("my-content.description")}</p>
+    </div>
+  );
+};
+```
+
+```jsx fileName="src/components/myComponent/index.cjx" codeFormat="commonjs"
+const { useTranslation } = require("react-i18next");
+
+const IndexPage = () => {
+  const { t } = useTranslation();
+
+  return (
+    <div>
+      <h1>{t("my-content.title")}</h1>
+      <p>{t("my-content.description")}</p>
+    </div>
+  );
+};
+```

package/blog/hi/intlayer_with_next-intl.md

@@ -0,0 +1,294 @@
+---
+createdAt: 2025-01-02
+updatedAt: 2025-06-29
+title: Intlayer और next-intl
+description: React एप्लिकेशन के लिए next-intl के साथ Intlayer को एक्सटेंशन करें
+keywords:
+  - next-intl
+  - Intlayer
+  - अंतर्राष्ट्रीयकरण
+  - दस्तावेज़ीकरण
+  - Next.js
+  - JavaScript
+  - React
+slugs:
+  - blog
+  - intlayer-with-next-intl
+---
+
+# Next.js Internationalization (i18n) with next-intl and Intlayer
+
+next-intl और Intlayer दोनों ओपन-सोर्स अंतर्राष्ट्रीयकरण (i18n) ढांचे हैं जो Next.js अनुप्रयोगों के लिए डिजाइन किए गए हैं। इनका उपयोग सॉफ़्टवेयर परियोजनाओं में अनुवाद, स्थानीयकरण, और भाषा स्विचिंग प्रबंधित करने के लिए व्यापक रूप से किया जाता है।
+
+ये तीन मुख्य अवधारणाओं को साझा करते हैं:
+
+1. **सामग्री घोषणा**: आपकी एप्लिकेशन की अनुवादनीय सामग्री को परिभाषित करने की विधि।
+
+   - Intlayer में इसे `सामग्री घोषणा फ़ाइल` कहा जाता है, जो JSON, JS, या TS फ़ाइल हो सकती है जो संरचित डेटा निर्यात करती है। अधिक जानकारी के लिए [Intlayer दस्तावेज़](https://intlayer.org/fr/doc/concept/content) देखें।
+   - next-intl में इसे `messages` या `locale messages` कहा जाता है, जो आमतौर पर JSON फ़ाइलों में होती हैं। अधिक जानकारी के लिए [next-intl दस्तावेज़](https://github.com/amannn/next-intl) देखें।
+
+2. **उपकरण**: एप्लिकेशन में सामग्री घोषणाएं बनाने और व्याख्यित करने के लिए उपकरण, जैसे Intlayer के लिए `useIntlayer()` या `useLocale()`, और next-intl के लिए `useTranslations()`।
+
+3. **प्लगइन्स और मिडलवेयर**: URL रीडायरेक्शन, बंडलिंग ऑप्टिमाइजेशन, और अन्य प्रबंधित करने के लिए सुविधाएँ, जैसे, Intlayer के लिए `intlayerMiddleware` या next-intl के लिए [`createMiddleware`](https://github.com/amannn/next-intl)।
+
+## Intlayer और next-intl: प्रमुख अंतरों
+
+Intlayer अन्य i18n पुस्तकालयों की तुलना कैसे करती है Next.js के लिए (जैसे next-intl), इसके गहरे विश्लेषण के लिए [next-i18next vs. next-intl vs. Intlayer ब्लॉग पोस्ट](https://github.com/aymericzip/intlayer/blob/main/docs/blog/hi/i18next_vs_next-intl_vs_intlayer.md) देखें।
+
+## Intlayer के साथ next-intl संदेश कैसे उत्पन्न करें
+
+### Intlayer का उपयोग next-intl के साथ क्यों करें?
+
+Intlayer सामग्री घोषणा फ़ाइलें आमतौर पर बेहतर डेवलपर अनुभव प्रदान करती हैं। ये अधिक लचीली और रखरखाव योग्य होती हैं, जिसमें दो मुख्य लाभ होते हैं:
+
+1. **लचीला स्थान**: आप Intlayer सामग्री घोषणा फ़ाइल को अपनी एप्लिकेशन की फ़ाइल पेड़ में कहीं भी रख सकते हैं। इससे घटकों के नाम बदलने या हटाने में आसानी होती है, बिना उपयोग में न आने वाली या लटकी हुई संदेश फ़ाइलों को छोड़े।
+
+   उदाहरण फ़ाइल संरचनाएँ:
+
+   ```bash codeFormat="typescript"
+   .
+   └── src
+       └── components
+           └── MyComponent
+               ├── index.content.ts # सामग्री घोषणा फ़ाइल
+               └── index.tsx
+   ```
+
+   ```bash codeFormat="esm"
+   .
+   └── src
+       └── components
+           └── MyComponent
+               ├── index.content.mjs # सामग्री घोषणा फ़ाइल
+               └── index.mjx
+   ```
+
+   ```bash codeFormat="cjs"
+   .
+   └── src
+       └── components
+           └── MyComponent
+               ├── index.content.cjs # सामग्री घोषणा फ़ाइल
+               └── index.cjx
+   ```
+
+   ```bash codeFormat="json"
+   .
+   └── src
+       └── components
+           └── MyComponent
+               ├── index.content.json # सामग्री घोषणा फ़ाइल
+               └── index.jsx
+   ```
+
+2. **केंद्रीकृत अनुवाद**: Intlayer सभी अनुवादों को एकल सामग्री घोषणा में संग्रहीत करती है, यह सुनिश्चित करते हुए कि कोई अनुवाद गायब न हो। TypeScript परियोजनाओं में, गायब अनुवादों को प्रकार त्रुटियों के रूप में स्वचालित रूप से चिह्नित किया जाता है, जिससे डेवलपर्स को तुरंत फीडबैक मिलता है।
+
+### स्थापना
+
+Intlayer और next-intl का उपयोग करने के लिए, दोनों पुस्तकालयों को स्थापित करें:
+
+```bash packageManager="npm"
+npm install intlayer next-intl
+```
+
+```bash packageManager="yarn"
+yarn add intlayer next-intl
+```
+
+```bash packageManager="pnpm"
+pnpm add intlayer next-intl
+```
+
+### Intlayer को next-intl संदेश निर्यात करने के लिए कॉन्फ़िगर करना
+
+> **नोट:** Intlayer से next-intl के लिए संदेश निर्यात करने से संरचना में थोड़े भिन्नताएँ आ सकती हैं। यदि संभव हो, तो एक Intlayer-केवल या next-intl-केवल प्रवाह बनाए रखें ताकि एकीकरण सरल हो सके। यदि आपको Intlayer से next-intl संदेश उत्पन्न करने की आवश्यकता है, तो नीचे दिए गए चरणों का पालन करें।
+
+अपने प्रोजेक्ट की जड़ में एक `intlayer.config.ts` फ़ाइल (या `.mjs` / `.cjs`) बनाएं या अपडेट करें:
+
+```typescript fileName="intlayer.config.ts" codeFormat="typescript"
+import { Locales, type IntlayerConfig } from "intlayer";
+
+const config: IntlayerConfig = {
+  internationalization: {
+    locales: [Locales.ENGLISH, Locales.FRENCH, Locales.SPANISH],
+    defaultLocale: Locales.ENGLISH,
+  },
+  content: {
+    dictionaryOutput: ["next-intl"], // next-intl आउटपुट का उपयोग करें
+    nextIntlMessagesDir: "./intl/messages", // जहां next-intl संदेशों को सहेजना है
+  },
+};
+
+export default config;
+```
+
+```javascript fileName="intlayer.config.mjs" codeFormat="esm"
+import { Locales } from "intlayer";
+
+/** @type {import('intlayer').IntlayerConfig} */
+const config = {
+  internationalization: {
+    locales: [Locales.ENGLISH, Locales.FRENCH, Locales.SPANISH],
+    defaultLocale: Locales.ENGLISH,
+  },
+  content: {
+    dictionaryOutput: ["react-intl"],
+    nextIntlMessagesDir: "./intl/messages",
+  },
+};
+
+export default config;
+```
+
+```javascript fileName="intlayer.config.cjs" codeFormat="commonjs"
+const { Locales } = require("intlayer");
+
+/** @type {import('intlayer').IntlayerConfig} */
+const config = {
+  internationalization: {
+    locales: [Locales.ENGLISH, Locales.FRENCH, Locales.SPANISH],
+    defaultLocale: Locales.ENGLISH,
+  },
+  content: {
+    dictionaryOutput: ["next-intl"],
+    nextIntlMessagesDir: "./intl/messages",
+  },
+};
+
+module.exports = config;
+```
+
+### सामग्री घोषणा
+
+नीचे विभिन्न प्रारूपों में सामग्री घोषणा फ़ाइलों के उदाहरण दिए गए हैं। Intlayer इन्हें संदेश फ़ाइलों में संकलित करेगा जिन्हें next-intl उपभोग कर सकता है।
+
+```typescript fileName="**/*.content.ts" contentDeclarationFormat="typescript"
+import { t, type Dictionary } from "intlayer";
+
+const content = {
+  key: "my-component",
+  content: {
+    helloWorld: t({
+      en: "Hello World",
+      fr: "Bonjour le monde",
+      es: "Hola Mundo",
+    }),
+  },
+} satisfies Dictionary;
+
+export default content;
+```
+
+```javascript fileName="**/*.content.mjs" contentDeclarationFormat="esm"
+import { t } from "intlayer";
+
+/** @type {import('intlayer').Dictionary} */
+const content = {
+  key: "my-component",
+  content: {
+    helloWorld: t({
+      en: "Hello World",
+      fr: "Bonjour le monde",
+      es: "Hola Mundo",
+    }),
+  },
+};
+
+export default content;
+```
+
+```javascript fileName="**/*.content.cjs" contentDeclarationFormat="commonjs"
+const { t } = require("intlayer");
+
+module.exports = {
+  key: "my-component",
+  content: {
+    helloWorld: t({
+      en: "Hello World",
+      fr: "Bonjour le monde",
+      es: "Hola Mundo",
+    }),
+  },
+};
+```
+
+```json fileName="**/*.content.json" contentDeclarationFormat="json"
+{
+  "$schema": "https://intlayer.org/schema.json",
+  "key": "my-component",
+  "content": {
+    "helloWorld": {
+      "nodeType": "translation",
+      "translation": {
+        "en": "Hello World",
+        "fr": "Bonjour le monde",
+        "es": "Hola Mundo"
+      }
+    }
+  }
+}
+```
+
+### next-intl संदेशों का निर्माण
+
+next-intl के लिए संदेश फ़ाइलों का निर्माण करने के लिए, चलाएँ:
+
+```bash packageManager="npm"
+npx intlayer dictionaries build
+```
+
+```bash packageManager="yarn"
+yarn intlayer build
+```
+
+```bash packageManager="pnpm"
+pnpm intlayer build
+```
+
+इससे `./intl/messages` निर्देशिका में संसाधन उत्पन्न होंगे (जैसा कि `intlayer.config.*` में कॉन्फ़िगर किया गया है)। अपेक्षित आउटपुट:
+
+```bash
+.
+└── intl
+    └── messages
+       └── hi
+           └── my-content.json
+       └── fr
+           └── my-content.json
+       └── es
+           └── my-content.json
+```
+
+प्रत्येक फ़ाइल में सभी Intlayer सामग्री घोषणाओं से संकलित संदेश होते हैं। शीर्ष स्तर की कुंजियाँ आमतौर पर आपके `content.key` फ़ील्ड से मेल खाती हैं।
+
+### अपने Next.js ऐप में next-intl का उपयोग करना
+
+> अधिक विवरण के लिए, आधिकारिक [next-intl उपयोग दस्तावेज़](https://github.com/amannn/next-intl#readme) देखें।
+
+1. **एक Middleware बनाएँ (वैकल्पिक):**  
+   यदि आप स्वचालित स्थानीयकरण पहचान या रीडायरेक्शन प्रबंधित करना चाहते हैं, तो next-intl के [createMiddleware](https://github.com/amannn/next-intl#createMiddleware) का उपयोग करें।
+
+   ```typescript fileName="middleware.ts"
+   import createMiddleware from "next-intl/middleware";
+   import { NextResponse } from "next/server";
+
+   export default createMiddleware({
+     locales: ["en", "fr", "es"],
+     defaultLocale: "en",
+   });
+
+   export const config = {
+     matcher: ["/((?!api|_next|.*\\..*).*)"],
+   };
+   ```
+
+2. **संदेश लोड करने के लिए `layout.tsx` या `_app.tsx` बनाएँ:**  
+   यदि आप ऐप राउटर (Next.js 13+) का उपयोग कर रहे हैं, तो एक लेआउट बनाएँ:
+
+   ```typescript fileName="app/[locale]/layout.tsx"
+   import { NextIntlClientProvider } from 'next-intl';
+   import { notFound } from 'next/navigation';
+   import React, { ReactNode } from 'react';
+
+   export const
+   ```