@intlayer/docs 5.5.8

package/hi/packages/next-intlayer/index.md

@@ -0,0 +1,270 @@
+# next-intlayer: Next.js एप्लिकेशन को अंतर्राष्ट्रीयकरण (i18n) करने के लिए NPM पैकेज
+
+**Intlayer** विशेष रूप से जावास्क्रिप्ट डेवलपर्स के लिए डिज़ाइन किए गए पैकेजों का एक सूट है। यह React, Next.js, और Express.js जैसे फ्रेमवर्क के साथ संगत है।
+
+**`next-intlayer` पैकेज** आपको अपने Next.js एप्लिकेशन को अंतर्राष्ट्रीयकरण करने की अनुमति देता है। यह Next.js अंतर्राष्ट्रीयकरण के लिए संदर्भ प्रदाता और हुक प्रदान करता है। इसके अतिरिक्त, इसमें Intlayer को [Webpack](https://webpack.js.org/) या [Turbopack](https://nextjs.org/docs/app/api-reference/turbopack) के साथ एकीकृत करने के लिए Next.js प्लगइन और उपयोगकर्ता की पसंदीदा भाषा का पता लगाने, कुकीज़ प्रबंधन और URL पुनर्निर्देशन को संभालने के लिए मिडलवेयर शामिल है।
+
+## अपने Next.js एप्लिकेशन को अंतर्राष्ट्रीयकरण क्यों करें?
+
+अपने Next.js एप्लिकेशन को अंतर्राष्ट्रीयकरण करना एक वैश्विक दर्शकों को प्रभावी ढंग से सेवा देने के लिए आवश्यक है। यह आपके एप्लिकेशन को प्रत्येक उपयोगकर्ता की पसंदीदा भाषा में सामग्री और संदेश वितरित करने की अनुमति देता है। यह क्षमता उपयोगकर्ता अनुभव को बढ़ाती है और आपके एप्लिकेशन की पहुंच को व्यापक बनाती है, जिससे यह विभिन्न भाषाई पृष्ठभूमि के लोगों के लिए अधिक सुलभ और प्रासंगिक बनता है।
+
+## Intlayer को एकीकृत क्यों करें?
+
+- **जावास्क्रिप्ट-संचालित सामग्री प्रबंधन**: अपनी सामग्री को कुशलतापूर्वक परिभाषित और प्रबंधित करने के लिए जावास्क्रिप्ट की लचीलापन का उपयोग करें।
+- **टाइप-सुरक्षित वातावरण**: सुनिश्चित करें कि आपकी सभी सामग्री परिभाषाएँ सटीक और त्रुटि-मुक्त हैं, इसके लिए TypeScript का लाभ उठाएं।
+- **एकीकृत सामग्री फ़ाइलें**: अपनी अनुवादों को उनके संबंधित घटकों के पास रखें, जिससे रखरखाव और स्पष्टता बढ़े।
+
+## स्थापना
+
+अपने पसंदीदा पैकेज प्रबंधक का उपयोग करके आवश्यक पैकेज स्थापित करें:
+
+```bash packageManager="npm"
+npm install next-intlayer
+```
+
+```bash packageManager="yarn"
+yarn add next-intlayer
+```
+
+```bash packageManager="pnpm"
+pnpm add next-intlayer
+```
+
+## उपयोग का उदाहरण
+
+Intlayer के साथ, आप अपनी सामग्री को अपनी कोडबेस में कहीं भी संरचित तरीके से घोषित कर सकते हैं।
+
+डिफ़ॉल्ट रूप से, Intlayer `.content.{json,ts,tsx,js,jsx,mjs,mjx,cjs,cjx}` एक्सटेंशन वाली फ़ाइलों को स्कैन करता है।
+
+> आप [कॉन्फ़िगरेशन फ़ाइल](https://github.com/aymericzip/intlayer/blob/main/docs/hi/configuration.md) में `contentDir` प्रॉपर्टी सेट करके डिफ़ॉल्ट एक्सटेंशन को संशोधित कर सकते हैं।
+
+```bash codeFormat="typescript"
+.
+├── intlayer.config.ts
+└── src
+    └── components
+        ├── ClientComponent
+        │   ├── index.content.ts
+        │   └── index.tsx
+        └── ServerComponent
+            ├── index.content.ts
+            └── index.tsx
+```
+
+```bash codeFormat="esm"
+.
+├── intlayer.config.mjs
+└── src
+    └── components
+        ├── ClientComponent
+        │   ├── index.content.mjs
+        │   └── index.mjx
+        └── ServerComponent
+            ├── index.content.mjs
+            └── index.mjx
+```
+
+```bash codeFormat="commonjs"
+.
+├── intlayer.config.cjs
+└── src
+    └── components
+        ├── ClientComponent
+        │   ├── index.content.cjs
+        │   └── index.cjx
+        └── ServerComponent
+            ├── index.content.cjs
+            └── index.cjx
+```
+
+### अपनी सामग्री घोषित करें
+
+`next-intlayer` [`intlayer` पैकेज](https://github.com/aymericzip/intlayer/blob/main/docs/hi/packages/intlayer/index.md) के साथ काम करने के लिए बनाया गया है। `intlayer` एक पैकेज है जो आपको अपनी सामग्री को अपनी कोड में कहीं भी घोषित करने की अनुमति देता है। यह बहुभाषी सामग्री घोषणाओं को संरचित शब्दकोशों में परिवर्तित करता है जो आपके एप्लिकेशन में सहजता से एकीकृत होते हैं।
+
+यहाँ सामग्री घोषणा का एक उदाहरण है:
+
+```tsx fileName="src/ClientComponent/index.content.ts" codeFormat="typescript"
+import { t, type Dictionary } from "intlayer";
+
+// सामग्री घोषणाओं के लिए शब्दकोश
+const clientComponentContent = {
+  key: "client-component",
+  content: {
+    myTranslatedContent: t({
+      en: "Hello World",
+      fr: "Bonjour le monde",
+      es: "Hola Mundo",
+      hi: "नमस्ते दुनिया",
+    }),
+    numberOfCar: enu({
+      "<-1": "माइनस एक से कम कार",
+      "-1": "माइनस एक कार",
+      "0": "कोई कार नहीं",
+      "1": "एक कार",
+      ">5": "कुछ कारें",
+      ">19": "कई कारें",
+    }),
+  },
+} satisfies Dictionary;
+
+export default clientComponentContent;
+```
+
+```jsx fileName="src/ClientComponent/index.content.mjs" contentDeclarationFormat="esm"
+import { t } from "intlayer";
+
+/** @type {import('intlayer').Dictionary} */
+// सामग्री घोषणाओं के लिए शब्दकोश
+const clientComponentContent = {
+  key: "client-component",
+  content: {
+    myTranslatedContent: t({
+      en: "Hello World",
+      fr: "Bonjour le monde",
+      es: "Hola Mundo",
+      hi: "नमस्ते दुनिया",
+    }),
+    numberOfCar: enu({
+      "<-1": "माइनस एक से कम कार",
+      "-1": "माइनस एक कार",
+      "0": "कोई कार नहीं",
+      "1": "एक कार",
+      ">5": "कुछ कारें",
+      ">19": "कई कारें",
+    }),
+  },
+};
+
+export default clientComponentContent;
+```
+
+```jsx fileName="src/ClientComponent/index.content.cjs" contentDeclarationFormat="commonjs"
+const { t } = require("intlayer");
+
+/** @type {import('intlayer').Dictionary} */
+// सामग्री घोषणाओं के लिए शब्दकोश
+const clientComponentContent = {
+  key: "client-component",
+  content: {
+    myTranslatedContent: t({
+      en: "Hello World",
+      fr: "Bonjour le monde",
+      es: "Hola Mundo",
+      hi: "नमस्ते दुनिया",
+    }),
+    numberOfCar: enu({
+      "<-1": "माइनस एक से कम कार",
+      "-1": "माइनस एक कार",
+      "0": "कोई कार नहीं",
+      "1": "एक कार",
+      ">5": "कुछ कारें",
+      ">19": "कई कारें",
+    }),
+  },
+};
+
+module.exports = clientComponentContent;
+```
+
+```json fileName="src/ClientComponent/index.content.json" codeFormat="json"
+{
+  "key": "client-component",
+  "content": {
+    "myTranslatedContent": {
+      "nodeType": "translation",
+      "translation": {
+        "en": "Hello World",
+        "fr": "Bonjour le monde",
+        "es": "Hola Mundo",
+        "hi": "नमस्ते दुनिया"
+      }
+    },
+    "numberOfCar": {
+      "nodeType": "enumeration",
+      "enumeration": {
+        "<-1": "माइनस एक से कम कार",
+        "-1": "माइनस एक कार",
+        "0": "कोई कार नहीं",
+        "1": "एक कार",
+        ">5": "कुछ कारें",
+        ">19": "कई कारें"
+      }
+    }
+  }
+}
+```
+
+### अपनी कोड में सामग्री का उपयोग करें
+
+एक बार जब आप अपनी सामग्री घोषित कर लेते हैं, तो आप इसे अपनी कोड में उपयोग कर सकते हैं। यहाँ React घटक में सामग्री का उपयोग करने का एक उदाहरण है:
+
+```tsx {4,7} fileName="src/components/ClientComponentExample.tsx" codeFormat="typescript"
+"use client";
+
+import type { FC } from "react";
+import { useIntlayer } from "next-intlayer";
+
+export const ClientComponentExample: FC = () => {
+  const { myTranslatedContent } = useIntlayer("client-component"); // संबंधित सामग्री घोषणा बनाएँ
+
+  return (
+    <div>
+      <p>{myTranslatedContent}</p>
+    </div>
+  );
+};
+```
+
+```jsx {3,6} fileName="src/components/ClientComponentExample.mjx" codeFormat="esm"
+"use client";
+
+import { useIntlayer } from "next-intlayer";
+
+const ClientComponentExample = () => {
+  const { myTranslatedContent } = useIntlayer("client-component"); // संबंधित सामग्री घोषणा बनाएँ
+
+  return (
+    <div>
+      <p>{myTranslatedContent}</p>
+    </div>
+  );
+};
+```
+
+```jsx {3,6} fileName="src/components/ClientComponentExample.csx" codeFormat="commonjs"
+"use client";
+
+const { useIntlayer } = require("next-intlayer");
+
+const ClientComponentExample = () => {
+  const { myTranslatedContent } = useIntlayer("client-component"); // संबंधित सामग्री घोषणा बनाएँ
+
+  return (
+    <div>
+      <p>{myTranslatedContent}</p>
+    </div>
+  );
+};
+```
+
+## अपने Next.js एप्लिकेशन के अंतर्राष्ट्रीयकरण में महारत हासिल करें
+
+Intlayer आपके Next.js एप्लिकेशन को अंतर्राष्ट्रीयकरण करने में मदद करने के लिए कई सुविधाएँ प्रदान करता है। यहाँ कुछ प्रमुख विशेषताएँ हैं:
+
+- **सर्वर घटकों का अंतर्राष्ट्रीयकरण**: Intlayer आपको अपने सर्वर घटकों को उसी तरह अंतर्राष्ट्रीयकरण करने की अनुमति देता है जैसे आपके क्लाइंट घटकों को। इसका मतलब है कि आप क्लाइंट और सर्वर घटकों दोनों के लिए समान सामग्री घोषणाओं का उपयोग कर सकते हैं।
+- **भाषा पहचान के लिए मिडलवेयर**: Intlayer उपयोगकर्ता की पसंदीदा भाषा का पता लगाने के लिए मिडलवेयर प्रदान करता है। यह मिडलवेयर उपयोगकर्ता की पसंदीदा भाषा का पता लगाने और उन्हें [कॉन्फ़िगरेशन](https://github.com/aymericzip/intlayer/blob/main/docs/hi/configuration.md) में निर्दिष्ट उपयुक्त URL पर पुनर्निर्देशित करने के लिए उपयोग किया जाता है।
+- **मेटाडेटा का अंतर्राष्ट्रीयकरण**: Intlayer आपके मेटाडेटा, जैसे आपके पृष्ठ के शीर्षक, को अंतर्राष्ट्रीयकरण करने का एक तरीका प्रदान करता है। आप अपने मेटाडेटा का अनुवाद करने के लिए `getTranslation` फ़ंक्शन का उपयोग कर सकते हैं।
+- **sitemap.xml और robots.txt का अंतर्राष्ट्रीयकरण**: Intlayer आपको अपनी sitemap.xml और robots.txt फ़ाइलों का अंतर्राष्ट्रीयकरण करने की अनुमति देता है। आप अपनी साइटमैप के लिए बहुभाषी URL उत्पन्न करने के लिए `getMultilingualUrls` फ़ंक्शन का उपयोग कर सकते हैं।
+- **URL का अंतर्राष्ट्रीयकरण**: Intlayer आपको `getMultilingualUrls` फ़ंक्शन का उपयोग करके अपने URL का अंतर्राष्ट्रीयकरण करने की अनुमति देता है। यह फ़ंक्शन आपकी साइटमैप के लिए बहुभाषी URL उत्पन्न करता है।
+
+**इन सुविधाओं के बारे में अधिक जानने के लिए, [Next.js अंतर्राष्ट्रीयकरण (i18n) Intlayer और Next.js 15 App Router के साथ](https://github.com/aymericzip/intlayer/blob/main/docs/hi/intlayer_with_nextjs_15.md) गाइड देखें।**
+
+## `next-intlayer` पैकेज द्वारा प्रदान किए गए फ़ंक्शन
+
+`next-intlayer` पैकेज आपके एप्लिकेशन को अंतर्राष्ट्रीयकरण करने में मदद करने के लिए कुछ फ़ंक्शन भी प्रदान करता है।
+
+- [`t()`](https://github.com/aymericzip/intlayer/blob/main/docs/hi/packages/next-intlayer/t.md)
+- [`useIntlayer()`](https://github.com/aymericzip/intlayer/blob/main/docs/hi/packages/next-intlayer/useIntlayer.md)
+- [`useDictionary()`](https://github.com/aymericzip/intlayer/blob/main/docs/hi/packages/next-intlayer/useDictionary.md)
+- [`useLocale()`](https://github.com/aymericzip/intlayer/blob/main/docs/hi/packages/next-intlayer/useLocale.md)
+- [`useIntlayerAsync()`](https://github.com/aymericzip/intlayer/blob/main/docs/hi/packages/next-intlayer/useIntlayerAsync.md)

package/hi/packages/next-intlayer/t.md

@@ -0,0 +1,337 @@
+# दस्तावेज़: `t` फ़ंक्शन `next-intlayer` में
+
+`next-intlayer` पैकेज में `t` फ़ंक्शन आपके Next.js एप्लिकेशन में इनलाइन अंतर्राष्ट्रीयकरण के लिए एक मौलिक उपकरण है। यह आपको अपने घटकों के भीतर सीधे अनुवाद परिभाषित करने की अनुमति देता है, जिससे वर्तमान लोकेल के आधार पर स्थानीयकृत सामग्री प्रदर्शित करना सरल हो जाता है।
+
+---
+
+## अवलोकन
+
+`t` फ़ंक्शन का उपयोग आपके घटकों में सीधे विभिन्न लोकेल्स के लिए अनुवाद प्रदान करने के लिए किया जाता है। प्रत्येक समर्थित लोकेल के लिए अनुवादों की एक वस्तु पास करके, `t` आपके Next.js एप्लिकेशन में वर्तमान लोकेल संदर्भ के आधार पर उपयुक्त अनुवाद लौटाता है।
+
+---
+
+## मुख्य विशेषताएं
+
+- **इनलाइन अनुवाद**: त्वरित, इनलाइन टेक्स्ट के लिए आदर्श जो अलग सामग्री घोषणा की आवश्यकता नहीं है।
+- **स्वचालित लोकेल चयन**: स्वचालित रूप से वर्तमान लोकेल के अनुरूप अनुवाद लौटाता है।
+- **टाइपस्क्रिप्ट समर्थन**: टाइपस्क्रिप्ट के साथ उपयोग किए जाने पर प्रकार सुरक्षा और स्वतः पूर्णता प्रदान करता है।
+- **आसान एकीकरण**: Next.js में क्लाइंट और सर्वर दोनों घटकों के भीतर सहजता से काम करता है।
+
+---
+
+## फ़ंक्शन हस्ताक्षर
+
+```typescript
+t<T extends string>(content: Record<LocalesValues, T>, locale?: Locales): string
+```
+
+### पैरामीटर
+
+- `translations`: एक वस्तु जहां कुंजियाँ लोकेल कोड (जैसे, `en`, `fr`, `es`) हैं और मान संबंधित अनुवादित स्ट्रिंग्स हैं।
+
+### रिटर्न्स
+
+- एक स्ट्रिंग जो वर्तमान लोकेल के लिए अनुवादित सामग्री का प्रतिनिधित्व करती है।
+
+---
+
+## उपयोग के उदाहरण
+
+### क्लाइंट घटक में `t` का उपयोग करना
+
+जब क्लाइंट-साइड घटक में `t` का उपयोग करते हैं, तो सुनिश्चित करें कि आप अपने घटक फ़ाइल के शीर्ष पर `'use client';` निर्देश शामिल करें।
+
+```tsx codeFormat="typescript"
+"use client";
+
+import type { FC } from "react";
+import { t } from "next-intlayer";
+
+export const ClientComponentExample: FC = () => (
+  <p>
+    {t({
+      en: "This is the content of a client component example",
+      fr: "Ceci est le contenu d'un exemple de composant client",
+      es: "Este es el contenido d un ejemplo de componente cliente",
+      hi: "यह एक क्लाइंट घटक उदाहरण की सामग्री है",
+    })}
+  </p>
+);
+```
+
+```javascript codeFormat="esm"
+import { t } from "next-intlayer";
+
+const ClientComponentExample = () => (
+  <p>
+    {t({
+      en: "This is the content of a client component example",
+      fr: "Ceci est le contenu d'un exemple de composant client",
+      es: "Este es el contenido d un ejemplo de componente cliente",
+      hi: "यह एक क्लाइंट घटक उदाहरण की सामग्री है",
+    })}
+  </p>
+);
+```
+
+```javascript codeFormat="commonjs"
+const { t } = require("next-intlayer");
+
+const ClientComponentExample = () => (
+  <p>
+    {t({
+      en: "This is the content of a client component example",
+      fr: "Ceci est le contenu d'un exemple de composant client",
+      es: "Este es le contenido d un ejemplo de componente cliente",
+      hi: "यह एक क्लाइंट घटक उदाहरण की सामग्री है",
+    })}
+  </p>
+);
+```
+
+### सर्वर घटक में `t` का उपयोग करना
+
+```tsx codeFormat="typescript"
+import type { FC } from "react";
+import { t } from "next-intlayer/server";
+
+export const ServerComponentExample: FC = () => (
+  <p>
+    {t({
+      en: "This is the content of a server component example",
+      fr: "Ceci est le contenu d'un exemple de composant serveur",
+      es: "Este es el contenido de un ejemplo de componente servidor",
+      hi: "यह एक सर्वर घटक उदाहरण की सामग्री है",
+    })}
+  </p>
+);
+```
+
+```javascript codeFormat="esm"
+import { t } from "next-intlayer/server";
+
+const ServerComponentExample = () => (
+  <p>
+    {t({
+      en: "This is the content of a server component example",
+      fr: "Ceci est le contenu d'un exemple de composant serveur",
+      es: "Este es el contenido de un ejemplo de componente servidor",
+      hi: "यह एक सर्वर घटक उदाहरण की सामग्री है",
+    })}
+  </p>
+);
+```
+
+```javascript codeFormat="commonjs"
+const { t } = require("next-intlayer/server");
+
+const ServerComponentExample = () => (
+  <p>
+    {t({
+      en: "This is the content of a server component example",
+      fr: "Ceci est le contenu d'un exemple de composant serveur",
+      es: "Este es el contenido de un ejemplo de componente servidor",
+      hi: "यह एक सर्वर घटक उदाहरण की सामग्री है",
+    })}
+  </p>
+);
+```
+
+### गुणों में इनलाइन अनुवाद
+
+`t` फ़ंक्शन JSX गुणों में इनलाइन अनुवाद के लिए विशेष रूप से उपयोगी है। जब `alt`, `title`, `href`, या `aria-label` जैसे गुणों को स्थानीयकृत करते हैं, तो आप सीधे गुण के भीतर `t` का उपयोग कर सकते हैं।
+
+```jsx
+<button
+  aria-label={t({
+    en: "Submit",
+    fr: "Soumettre",
+    es: "Enviar",
+    hi: "जमा करें",
+  })}
+>
+  {t({
+    en: "Submit",
+    fr: "Soumettre",
+    es: "Enviar",
+    hi: "जमा करें",
+  })}
+  <img
+    src="/path/to/image"
+    alt={t({
+      en: "A beautiful scenery",
+      fr: "Un beau paysage",
+      es: "Un hermoso paisaje",
+      hi: "एक सुंदर दृश्य",
+    })}
+  />
+</button>
+```
+
+---
+
+## उन्नत विषय
+
+### टाइपस्क्रिप्ट एकीकरण
+
+जब टाइपस्क्रिप्ट के साथ उपयोग किया जाता है, तो `t` फ़ंक्शन प्रकार-सुरक्षित होता है, यह सुनिश्चित करता है कि सभी आवश्यक लोकेल प्रदान किए गए हैं।
+
+```typescript codeFormat="typescript"
+import type { IConfigLocales } from "intlayer";
+import { t } from "next-intlayer";
+
+const translations: IConfigLocales<string> = {
+  en: "Welcome",
+  fr: "Bienvenue",
+  es: "Bienvenido",
+  hi: "स्वागत है",
+};
+
+const greeting = t(translations);
+```
+
+```javascript codeFormat="esm"
+import type { IConfigLocales } from "intlayer";
+import { t } from "next-intlayer";
+
+/** @type {import('next-intlayer').IConfigLocales<string>} */
+const translations = {
+  en: "Welcome",
+  fr: "Bienvenue",
+  es: "Bienvenido",
+  hi: "स्वागत है",
+};
+
+const greeting = t(translations);
+```
+
+```javascript codeFormat="commonjs"
+const { t } = require("next-intlayer");
+
+/** @type {import('next-intlayer').IConfigLocales<string>} */
+const translations = {
+  en: "Welcome",
+  fr: "Bienvenue",
+  es: "Bienvenido",
+  hi: "स्वागत है",
+};
+
+const greeting = t(translations);
+```
+
+### लोकेल का पता लगाना और संदर्भ
+
+`next-intlayer` में, वर्तमान लोकेल संदर्भ प्रदाताओं के माध्यम से प्रबंधित किया जाता है: `IntlayerClientProvider` और `IntlayerServerProvider`। सुनिश्चित करें कि ये प्रदाता आपके घटकों को लपेटते हैं और `locale` प्रॉप सही ढंग से पास किया गया है।
+
+#### उदाहरण:
+
+```tsx codeFormat="typescript"
+import type { FC } from "react";
+import type { Locales } from "intlayer";
+import { IntlayerClientProvider } from "next-intlayer";
+import { IntlayerServerProvider } from "next-intlayer/server";
+
+const Page: FC<{ locale: Locales }> = ({ locale }) => (
+  <IntlayerServerProvider locale={locale}>
+    <IntlayerClientProvider locale={locale}>
+      {/* आपके घटक यहां */}
+    </IntlayerClientProvider>
+  </IntlayerServerProvider>
+);
+```
+
+```javascript codeFormat="esm"
+import { IntlayerClientProvider } from "next-intlayer";
+import { IntlayerServerProvider } from "next-intlayer/server";
+
+const Page = ({ locale }) => (
+  <IntlayerServerProvider locale={locale}>
+    <IntlayerClientProvider locale={locale}>
+      {/* आपके घटक यहां */}
+    </IntlayerClientProvider>
+  </IntlayerServerProvider>
+);
+```
+
+```javascript codeFormat="commonjs"
+const { IntlayerClientProvider } = require("next-intlayer");
+const { IntlayerServerProvider } = require("next-intlayer/server");
+
+const Page = ({ locale }) => (
+  <IntlayerServerProvider locale={locale}>
+    <IntlayerClientProvider locale={locale}>
+      {/* आपके घटक यहां */}
+    </IntlayerClientProvider>
+  </IntlayerServerProvider>
+);
+```
+
+---
+
+## सामान्य त्रुटियां और समस्या निवारण
+
+### `t` अपरिभाषित या गलत अनुवाद लौटाता है
+
+- **कारण**: वर्तमान लोकेल सही ढंग से सेट नहीं है, या वर्तमान लोकेल के लिए अनुवाद गायब है।
+- **समाधान**:
+  - सत्यापित करें कि `IntlayerClientProvider` या `IntlayerServerProvider` उचित `locale` के साथ सही ढंग से सेट किया गया है।
+  - सुनिश्चित करें कि आपकी अनुवाद वस्तु में सभी आवश्यक लोकेल शामिल हैं।
+
+### टाइपस्क्रिप्ट में गायब अनुवाद
+
+- **कारण**: अनुवाद वस्तु आवश्यक लोकेल को संतुष्ट नहीं करती है, जिससे टाइपस्क्रिप्ट त्रुटियां होती हैं।
+- **समाधान**: अपने अनुवादों की पूर्णता को लागू करने के लिए `IConfigLocales` प्रकार का उपयोग करें।
+
+```typescript codeFormat="typescript"
+const translations: IConfigLocales<string> = {
+  en: "Text",
+  fr: "Texte",
+  // es: 'Texto', // 'es' गायब होने से टाइपस्क्रिप्ट त्रुटि होगी [!code error]
+};
+
+const text = t(translations);
+```
+
+```javascript codeFormat="esm"
+const translations = {
+  en: "Text",
+  fr: "Texte",
+  // es: 'Texto', // 'es' गायब होने से टाइपस्क्रिप्ट त्रुटि होगी [!code error]
+};
+
+const text = t(translations);
+```
+
+```javascript codeFormat="commonjs"
+const { t } = require("next-intlayer");
+
+/** @type {import('next-intlayer').IConfigLocales<string>} */
+const translations = {
+  en: "Text",
+  fr: "Texte",
+  // es: 'Texto', // 'es' गायब होने से टाइपस्क्रिप्ट त्रुटि होगी [!code error]
+};
+
+const text = t(translations);
+```
+
+---
+
+## प्रभावी उपयोग के लिए सुझाव
+
+1. **सरल इनलाइन अनुवाद के लिए `t` का उपयोग करें**: अपने घटकों के भीतर सीधे छोटे टेक्स्ट का अनुवाद करने के लिए आदर्श।
+2. **संरचित सामग्री के लिए `useIntlayer` को प्राथमिकता दें**: अधिक जटिल अनुवाद और सामग्री पुन: उपयोग के लिए, घोषणा फ़ाइलों में सामग्री परिभाषित करें और `useIntlayer` का उपयोग करें।
+3. **संगत लोकेल प्रावधान**: सुनिश्चित करें कि आपके एप्लिकेशन में उपयुक्त प्रदाताओं के माध्यम से आपका लोकेल लगातार प्रदान किया गया है।
+4. **टाइपस्क्रिप्ट का लाभ उठाएं**: गायब अनुवादों को पकड़ने और प्रकार सुरक्षा सुनिश्चित करने के लिए टाइपस्क्रिप्ट प्रकारों का उपयोग करें।
+
+---
+
+## निष्कर्ष
+
+`next-intlayer` में `t` फ़ंक्शन आपके Next.js एप्लिकेशन में इनलाइन अनुवाद प्रबंधन के लिए एक शक्तिशाली और सुविधाजनक उपकरण है। इसे प्रभावी ढंग से एकीकृत करके, आप अपने ऐप की अंतर्राष्ट्रीयकरण क्षमताओं को बढ़ाते हैं, जिससे दुनिया भर के उपयोगकर्ताओं के लिए बेहतर अनुभव मिलता है।
+
+अधिक विस्तृत उपयोग और उन्नत सुविधाओं के लिए, [next-intlayer दस्तावेज़](https://github.com/aymericzip/intlayer/blob/main/docs/hi/intlayer_visual_editor.md) देखें।
+
+---
+
+**नोट**: सुनिश्चित करें कि आपके `IntlayerClientProvider` और `IntlayerServerProvider` को सही ढंग से सेट किया गया है ताकि वर्तमान लोकेल आपके घटकों तक सही ढंग से पहुंच सके। यह सुनिश्चित करने के लिए महत्वपूर्ण है कि `t` फ़ंक्शन सही अनुवाद लौटाए।