घरसैंडबॉक्सशोकेसएप्पडॉकब्लॉग
    • Englishअंग्रेज़ी
      EN
    • русскийरूसी
      RU
    • 日本語जापानी
      JA
    • françaisफ़्रेंच
      FR
    • 한국어कोरियाई
      KO
    • 中文चीनी
      ZH
    • españolस्पेनिश
      ES
    • Deutschजर्मन
      DE
    • العربيةअरबी
      AR
    • italianoइतालवी
      IT
    • British Englishब्रिटिश अंग्रेज़ी
      EN-GB
    • portuguêsपुर्तगाली
      PT
    • हिन्दीहिन्दी
      HI
    • Türkçeतुर्की
      TR
    • polskiपोलिश
      PL
    • Indonesiaइंडोनेशियाई
      ID
    • Tiếng Việtवियतनामी
      VI
    • українськаयूक्रेनियाई
      UK
    /
    फ्रेमवर्क द्वारा डॉक्स फ़िल्टर करें
    Alt+←
    Intlayer का क्यों लाभ
    शुरू करें
    अवधारणा
    • Intlayer कैसे काम करता है
    • कॉन्फ़िगरेशन
    • TestFillBuildWatchExtractLoginPushPullConfigurationListVersionEditorLiveDebugDoc ReviewDoc TranslateSDK
    • विज़ुअल एडिटर
    • CMS
    • CI/CD एकीकरण
    • अनुवादबहुवचनगणनाशर्तलिंगसम्मिलनफ़ाइलनेस्टिंगMarkdownHTMLफ़ंक्शन फेचिंग
    • प्रति लोकेल फ़ाइल
    • कंपाइलर
    • स्वतः भरण
    • परीक्षण
    • बंडल ऑप्टिमाइज़ेशन
    पर्यावरण
    • Next.js 14 और ऐप राउटर
      Next.js 15
      Next.js बिना लोकेल URL
      Next.js और पेज राउटर
      कंपाइलर
    • Tanstack Start Solid
    • Astro और React
      Astro और Svelte
      Astro और Vue
      Astro और Solid
      Astro और Preact
      Astro और Lit
      Astro और Vanilla JS
    • React Router v7
      React Router v7 (fs-routes)
      Compiler
    • Nuxt और Vue
    • Vite और Solid
    • SvelteKit
    • Vite और Preact
    • Vite और Vanilla JS
    • Vite और Lit
    • Angular 19 (Webpack)
      Analog
    • React CRA
    • React Native और Expo
    • Express.js
      NestJS
      Fastify
      Hono
      Adonis
    • Lynx और React
    Plugins
    • JSON
    • gettext (.po)
    VS Code एक्सटेंशन
    एजेंट
    • इंटलेयर MCP सर्वर
    • एजेंट कौशल
    रिलीज
    • v8
    • v7
    • v6
    बेंचमार्क
    • Next.js
    • TanStack
    • Vue
    • Solid
    • Svelte
    ब्लॉग
    प्रश्न करें
    1. Documentation
    2. शुरू करें
    Creation:2024-08-11Last update:2025-06-29
    इस दस्तावेज़ को अपने पसंदीदा AI एसिस्टेंट के साथ संदर्भित करें
    ChatGPT
    Claude
    DeepSeek
    Google AI mode
    Gemini
    Perplexity
    Mistral
    Grok

    अपने प्रश्न को पूछें और दस्तावेज़ का सारांश प्राप्त करें, इस पृष्ठ और आपके चुने हुए AI प्रदाता का उपयोग करके

    यह दस्तावेज़ पुराना है, आधार संस्करण को इस तिथि पर अपडेट किया गया है 23 अगस्त 2025.

    अंग्रेजी दस्तावेज़ पर जाएँ

    संस्करण इतिहास

    1. "प्रारंभिक इतिहास"
      v5.5.1029/6/2025

    इस पृष्ठ की सामग्री एक AI द्वारा अनुवादित की गई है।

    अंग्रेजी में मूल सामग्री के अंतिम संस्करण देखें
    इस दस्तावेज़ को संपादित करें

    अगर आपके पास इस दस्तावेज़ को सुधारने के लिए कोई विचार है, तो कृपया GitHub पर एक पुल अनुरोध सबमिट करके योगदान देने में संकोच न करें।

    दस्तावेज़ के लिए GitHub लिंक
    Copy

    दस्तावेज़ का Markdown को क्लिपबोर्ड पर कॉपी करें

    Intlayer प्रलेखन

    आधिकारिक Intlayer प्रलेखन में आपका स्वागत है! यहां, आपको वह सब कुछ मिलेगा जो आपको Intlayer को एकीकृत, कॉन्फ़िगर और मास्टर करने के लिए चाहिए, चाहे आप Next.js, React, Vite, Express, या किसी अन्य जावास्क्रिप्ट वातावरण के साथ काम कर रहे हों, सभी अंतरराष्ट्रीयकरण (i18n) आवश्यकताओं के लिए।

    परिचय

    Intlayer क्या है?

    Intlayer एक अंतरराष्ट्रीयकरण पुस्तकालय है जो विशेष रूप से जावास्क्रिप्ट डेवलपर्स के लिए डिज़ाइन किया गया है। यह आपको आपके कोड में कहीं भी अपनी सामग्री घोषित करने की अनुमति देता है। यह बहुभाषी सामग्री की घोषणा को संरचित शब्दकोशों में परिवर्तित करता है ताकि इसे आपके कोड में आसानी से एकीकृत किया जा सके। TypeScript का उपयोग करते हुए, Intlayer आपके विकास को मजबूत और अधिक कुशल बनाता है।

    Intlayer एक वैकल्पिक दृश्य संपादक भी प्रदान करता है जो आपको अपनी सामग्री को आसानी से संपादित और प्रबंधित करने की अनुमति देता है। यह संपादक उन डेवलपर्स के लिए विशेष रूप से उपयोगी है जो सामग्री प्रबंधन के लिए एक दृश्य इंटरफ़ेस पसंद करते हैं, या उन टीमों के लिए जो बिना कोड की चिंता किए सामग्री उत्पन्न कर रही हैं।

    उपयोग का उदाहरण

    bash
    कोड कॉपी करें

    कोड को क्लिपबोर्ड पर कॉपी करें

    .└── Components    └── MyComponent        ├── index.content.ts        └── index.tsx
    src/components/MyComponent/index.content.ts
    कोड कॉपी करें

    कोड को क्लिपबोर्ड पर कॉपी करें

    import { t, type Dictionary } from "intlayer";
    
    const componentContent = {
      key: "component-key",
      content: {
        myTranslatedContent: t({
          en: "Hello World",
          es: "Hola Mundo",
          fr: "Bonjour le monde",
        }),
      },
    } satisfies Dictionary;
    
    export default componentContent;
    src/components/MyComponent/index.tsx
    कोड कॉपी करें

    कोड को क्लिपबोर्ड पर कॉपी करें

    import type { FC } from "react";
    import { useIntlayer } from "react-intlayer";
    
    // MyComponent एक फ़ंक्शनल कंपोनेंट है जो Intlayer से अनुवादित सामग्री प्राप्त करता है और उसे प्रदर्शित करता है
    export const MyComponent: FC = () => {
      const { myTranslatedContent } = useIntlayer("component-key");
    
      return <span>{myTranslatedContent}</span>;
    };

    मुख्य विशेषताएँ

    Intlayer आधुनिक वेब विकास की आवश्यकताओं को पूरा करने के लिए विभिन्न विशेषताएँ प्रदान करता है। नीचे प्रमुख विशेषताएँ दी गई हैं, प्रत्येक के लिए विस्तृत दस्तावेज़ीकरण के लिंक के साथ:

    • अंतरराष्ट्रीयकरण समर्थन: आपके एप्लिकेशन की वैश्विक पहुंच को अंतर्निर्मित अंतरराष्ट्रीयकरण समर्थन के साथ बढ़ाएं।
    • विज़ुअल एडिटर: Intlayer के लिए डिज़ाइन किए गए एडिटर प्लगइन्स के साथ अपने विकास कार्यप्रवाह में सुधार करें। विज़ुअल एडिटर गाइड देखें।
    • कॉन्फ़िगरेशन लचीलापन: व्यापक कॉन्फ़िगरेशन विकल्पों के साथ अपनी सेटअप को अनुकूलित करें, जिनका विवरण कॉन्फ़िगरेशन गाइड में दिया गया है।
    • उन्नत CLI उपकरण: Intlayer के कमांड लाइन इंटरफ़ेस का उपयोग करके अपने प्रोजेक्ट्स को कुशलतापूर्वक प्रबंधित करें। क्षमताओं का अन्वेषण करें CLI टूल्स दस्तावेज़ में।

    मुख्य अवधारणाएँ

    शब्दकोश

    अपने बहुभाषी सामग्री को अपने कोड के करीब व्यवस्थित करें ताकि सब कुछ सुसंगत और रखरखाव योग्य रहे।

    • शुरू करें
      Intlayer में अपनी सामग्री घोषित करने के मूल बातें सीखें।

    • अनुवाद
      समझें कि आपके एप्लिकेशन में अनुवाद कैसे उत्पन्न, संग्रहीत और उपयोग किए जाते हैं।

    • सूचीकरण
      विभिन्न भाषाओं में बार-बार आने वाले या निश्चित डेटा सेट को आसानी से प्रबंधित करें।

    • शर्त
      Intlayer में गतिशील सामग्री बनाने के लिए शर्तीय तर्क का उपयोग करना सीखें।

    • सम्मिलन
      सम्मिलन प्लेसहोल्डर का उपयोग करके स्ट्रिंग में मान कैसे डाले जाएं, यह जानें।

    • फ़ंक्शन फ़ेचिंग
      देखें कि कैसे अपनी परियोजना के कार्यप्रवाह के अनुसार कस्टम लॉजिक के साथ गतिशील रूप से सामग्री प्राप्त करें।

    • मार्कडाउन
      जानें कि Intlayer में समृद्ध सामग्री बनाने के लिए मार्कडाउन का उपयोग कैसे करें।

    • फ़ाइल एम्बेडिंग
      जानें कि Intlayer में बाहरी फ़ाइलों को एम्बेड कैसे करें ताकि उन्हें सामग्री संपादक में उपयोग किया जा सके।

    • नेस्टिंग
      समझें कि Intlayer में जटिल संरचनाएँ बनाने के लिए सामग्री को नेस्ट कैसे करें।

    पर्यावरण और एकीकरण

    हमने Intlayer को लचीलापन ध्यान में रखकर बनाया है, जो लोकप्रिय फ्रेमवर्क और बिल्ड टूल्स के साथ सहज एकीकरण प्रदान करता है:

    • Next.js 15 के साथ Intlayer
    • Next.js 14 (ऐप राउटर) के साथ Intlayer
    • Next.js पेज राउटर के साथ Intlayer
    • React CRA के साथ Intlayer
    • Vite + React के साथ Intlayer
    • React Native और Expo के साथ Intlayer
    • Lynx और React के साथ Intlayer
    • Express के साथ Intlayer

    प्रत्येक एकीकरण गाइड में Intlayer की विशेषताओं का उपयोग करने के लिए सर्वोत्तम प्रथाएँ शामिल हैं, जैसे कि सर्वर-साइड रेंडरिंग, डायनामिक रूटिंग, या क्लाइंट-साइड रेंडरिंग, ताकि आप एक तेज़, SEO-अनुकूल, और अत्यधिक स्केलेबल एप्लिकेशन बनाए रख सकें।

    योगदान और प्रतिक्रिया

    हम ओपन-सोर्स और समुदाय-चालित विकास की शक्ति को महत्व देते हैं। यदि आप सुधार प्रस्तावित करना चाहते हैं, एक नया गाइड जोड़ना चाहते हैं, या हमारे दस्तावेज़ों में किसी भी समस्या को ठीक करना चाहते हैं, तो कृपया एक पुल रिक्वेस्ट सबमिट करें या हमारे GitHub रिपॉजिटरी पर एक इश्यू खोलें।

    क्या आप अपनी एप्लिकेशन का अनुवाद तेज़ और अधिक कुशलता से करना चाहते हैं? आज ही Intlayer का उपयोग शुरू करने के लिए हमारे दस्तावेज़ों में गोता लगाएँ। एक मजबूत, सुव्यवस्थित अंतरराष्ट्रीयकरण दृष्टिकोण का अनुभव करें जो आपकी सामग्री को व्यवस्थित रखता है और आपकी टीम को अधिक उत्पादक बनाता है।


    Intlayer का क्यों लाभ
    Intlayer कैसे काम करता है
    Alt+→

    इस पृष्ठ में

      चर्चाएं गुमनाम हैं और सामान्य मुद्दों को संबोधित करने के लिए नियमित रूप से समीक्षा की जाती हैं। फीचर आइडिया, डॉक्यूमेंटेशन पर फीडबैक, या Intlayer से संबंधित कुछ भी साझा करने में संकोच न करें, हम इस इनपुट का उपयोग अपने रोडमैप को आकार देने और उत्पाद को बेहतर बनाने के लिए करते हैं।

      .└── Components    └── MyComponent        ├── index.content.ts        └── index.tsx