अपने प्रश्न को पूछें और दस्तावेज़ का सारांश प्राप्त करें, इस पृष्ठ और आपके चुने हुए AI प्रदाता का उपयोग करके
अपने पसंदीदा AI एसिस्टेंट में Intlayer MCP सर्वर को एकीकृत करके आप सभी दस्तावेज़ को सीधे ChatGPT, DeepSeek, Cursor, VSCode से प्राप्त कर सकते हैं।
MCP सर्वर दस्तावेज़ देखेंइस पृष्ठ की सामग्री एक AI द्वारा अनुवादित की गई है।
अंग्रेजी में मूल सामग्री के अंतिम संस्करण देखेंअगर आपके पास इस दस्तावेज़ को सुधारने के लिए कोई विचार है, तो कृपया GitHub पर एक पुल अनुरोध सबमिट करके योगदान देने में संकोच न करें।
दस्तावेज़ के लिए GitHub लिंकदस्तावेज़ का Markdown को क्लिपबोर्ड पर कॉपी करें
आपको Intlayer क्यों अपनाना चाहिए?
Intlayer क्या है?
Intlayer एक अंतरराष्ट्रीयकरण लाइब्रेरी है जो विशेष रूप से जावास्क्रिप्ट डेवलपर्स के लिए डिज़ाइन की गई है। यह आपके कोड में कहीं भी आपकी सामग्री की घोषणा करने की अनुमति देता है। यह बहुभाषी सामग्री की घोषणाओं को संरचित शब्दकोशों में परिवर्तित करता है ताकि इसे आपके कोड में आसानी से एकीकृत किया जा सके। TypeScript का उपयोग करते हुए, Intlayer आपके विकास को मजबूत और अधिक कुशल बनाता है।
Intlayer क्यों बनाया गया था?
Intlayer को एक सामान्य समस्या को हल करने के लिए बनाया गया था जो सभी सामान्य i18n लाइब्रेरीज़ जैसे next-intl, react-i18next, react-intl, next-i18next, react-intl, और vue-i18n को प्रभावित करती है।
ये सभी समाधान आपकी सामग्री को सूचीबद्ध और प्रबंधित करने के लिए एक केंद्रीकृत दृष्टिकोण अपनाते हैं। उदाहरण के लिए:
कोड को क्लिपबोर्ड पर कॉपी करें
.├── locales│ ├── en.json│ ├── fr.json│ └── es.json├── i18n.ts└── src └── components └── MyComponent └── index.tsx
या यहाँ namespaces का उपयोग करते हुए:
कोड को क्लिपबोर्ड पर कॉपी करें
.├── locales│ ├── en│ │ ├── footer.json│ │ └── navbar.json│ ├── fr│ │ ├── footer.json│ │ └── navbar.json│ └── es│ ├── footer.json│ └── navbar.json├── i18n.ts└── src └── components └── MyComponent └── index.tsx
इस प्रकार की संरचना विकास प्रक्रिया को धीमा कर देती है और कई कारणों से कोडबेस को बनाए रखना अधिक जटिल बना देती है:
किसी भी नए घटक के लिए, आपको करना चाहिए:
- locales फ़ोल्डर में नया संसाधन/namespace बनाएं
- अपने पेज में नए namespace को आयात करना याद रखें
- अपनी सामग्री का अनुवाद करें (अक्सर AI प्रदाताओं से कॉपी/पेस्ट करके मैन्युअल रूप से किया जाता है)
अपने घटकों में किए गए किसी भी परिवर्तन के लिए, आपको करना चाहिए:
- संबंधित संसाधन/namespace खोजें (घटक से दूर)
- अपनी सामग्री का अनुवाद करें
- सुनिश्चित करें कि आपकी सामग्री किसी भी locale के लिए अद्यतित है
- जांचें कि आपका namespace अप्रयुक्त कुंजी/मान शामिल नहीं करता है
- सुनिश्चित करें कि आपके JSON फ़ाइलों की संरचना सभी locales के लिए समान है
पेशेवर परियोजनाओं में, इन समाधानों का उपयोग करते हुए, अक्सर आपकी सामग्री के अनुवाद को प्रबंधित करने में मदद के लिए स्थानीयकरण प्लेटफ़ॉर्म का उपयोग किया जाता है। हालांकि, बड़े परियोजनाओं के लिए यह जल्दी महंगा हो सकता है।
इस समस्या को हल करने के लिए, Intlayer एक ऐसा दृष्टिकोण अपनाता है जो आपकी सामग्री को प्रति-घटक सीमित करता है और आपकी सामग्री को आपके घटक के करीब रखता है, जैसा कि हम अक्सर CSS (styled-components), प्रकार, दस्तावेज़ीकरण (storybook), या यूनिट परीक्षण (jest) के साथ करते हैं।
कोड को क्लिपबोर्ड पर कॉपी करें
.└── components └── MyComponent ├── index.content.ts ├── index.test.tsx ├── index.stories.tsx └── index.tsx
कोड को क्लिपबोर्ड पर कॉपी करें
import { t, type Dictionary } from "intlayer";const componentExampleContent = { key: "component-example", content: { myTranslatedContent: t({ en: "Hello World", es: "Hola Mundo", fr: "Bonjour le monde", }), },} satisfies Dictionary;export default componentExampleContent;
कोड को क्लिपबोर्ड पर कॉपी करें
import { useIntlayer } from "react-intlayer";export const ComponentExample = () => { const { myTranslatedContent } = useIntlayer("component-example"); return <span>{myTranslatedContent}</span>;};
यह तरीका आपको अनुमति देता है:
डेवलपमेंट की गति बढ़ाएं
- .content.{{ts|mjs|cjs|json}} फ़ाइलें VSCode एक्सटेंशन का उपयोग करके बनाई जा सकती हैं
- आपके IDE में ऑटो-कम्प्लीशन AI टूल्स (जैसे GitHub Copilot) आपकी सामग्री घोषित करने में मदद कर सकते हैं, जिससे कॉपी/पेस्ट कम हो जाता है
अपने कोडबेस को साफ़ करें
- जटिलता को कम करें
- रखरखाव क्षमता बढ़ाएं
अपने कॉम्पोनेंट्स और उनके संबंधित कंटेंट को आसानी से डुप्लिकेट करें (उदाहरण: लॉगिन/रजिस्टर कॉम्पोनेंट्स, आदि)
- अन्य कॉम्पोनेंट्स की सामग्री को प्रभावित करने के जोखिम को सीमित करके
- अपनी सामग्री को एक एप्लिकेशन से दूसरे में बिना बाहरी निर्भरताओं के कॉपी/पेस्ट करके
अपने कोडबेस को अप्रयुक्त कॉम्पोनेंट्स के लिए अप्रयुक्त कुंजियों/मूल्यों से प्रदूषित होने से बचाएं
- यदि आप कोई कॉम्पोनेंट नहीं उपयोग करते हैं, तो Intlayer संबंधित सामग्री को आयात नहीं करेगा
- यदि आप कोई कॉम्पोनेंट हटाते हैं, तो संबंधित सामग्री को हटाना आपको अधिक आसानी से याद रहेगा क्योंकि यह उसी फ़ोल्डर में मौजूद होगी
अपने बहुभाषी कंटेंट को घोषित करने के लिए AI एजेंट्स की तर्क लागत कम करें
- AI एजेंट को यह जानने के लिए आपके पूरे कोडबेस को स्कैन करने की आवश्यकता नहीं होगी कि आपकी सामग्री कहां लागू करनी है
- अनुवाद आसानी से आपके IDE में ऑटो-कम्प्लीशन AI टूल्स (जैसे GitHub Copilot) द्वारा किए जा सकते हैं
Intlayer की अतिरिक्त विशेषताएँ
फीचर | विवरण |
---|---|
------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
![]() | क्रॉस-फ्रेमवर्क समर्थन Intlayer सभी प्रमुख फ्रेमवर्क और लाइब्रेरी के साथ संगत है, जिनमें Next.js, React, Vite, Vue.js, Nuxt, Preact, Express, और अन्य शामिल हैं। |
![]() | जावास्क्रिप्ट-संचालित सामग्री प्रबंधन अपने कंटेंट को प्रभावी ढंग से परिभाषित और प्रबंधित करने के लिए जावास्क्रिप्ट की लचीलापन का उपयोग करें। - सामग्री घोषणा |
![]() | प्रति-स्थान सामग्री घोषणा फ़ाइल स्वचालित जनरेशन से पहले अपनी सामग्री को एक बार घोषित करके अपने विकास को तेज़ करें। - प्रति-स्थान सामग्री घोषणा फ़ाइल |
![]() | टाइप-सेफ वातावरण TypeScript का उपयोग करें ताकि आपकी सामग्री परिभाषाएँ और कोड त्रुटि-मुक्त हों, साथ ही IDE ऑटोकंप्लीशन का लाभ भी प्राप्त करें। - TypeScript कॉन्फ़िगरेशन |
![]() | सरल सेटअप न्यूनतम कॉन्फ़िगरेशन के साथ जल्दी से शुरू करें। अंतरराष्ट्रीयकरण, रूटिंग, AI, बिल्ड, और सामग्री प्रबंधन के लिए सेटिंग्स को आसानी से समायोजित करें। - Next.js एकीकरण का अन्वेषण करें |
![]() | सरलीकृत सामग्री पुनःप्राप्ति प्रत्येक सामग्री के लिए अपनी t फ़ंक्शन को कॉल करने की आवश्यकता नहीं है। एक ही हुक का उपयोग करके अपनी सभी सामग्री सीधे पुनःप्राप्त करें। - React एकीकरण |
![]() | सुसंगत सर्वर कंपोनेंट कार्यान्वयन Next.js सर्वर कंपोनेंट्स के लिए पूरी तरह उपयुक्त, क्लाइंट और सर्वर दोनों कंपोनेंट्स के लिए एक ही कार्यान्वयन का उपयोग करें, प्रत्येक सर्वर कंपोनेंट में अपनी t फ़ंक्शन पास करने की आवश्यकता नहीं है। - सर्वर कंपोनेंट्स |
![]() | संगठित कोडबेस अपने कोडबेस को अधिक संगठित रखें: 1 कंपोनेंट = उसी फ़ोल्डर में 1 शब्दकोश। संबंधित कंपोनेंट के पास अनुवाद रखकर रखरखाव और स्पष्टता बढ़ती है। - Intlayer कैसे काम करता है |
![]() | सशक्त रूटिंग ऐप रूटिंग का पूर्ण समर्थन, जटिल एप्लिकेशन संरचनाओं के लिए सहजता से अनुकूलित, Next.js, React, Vite, Vue.js आदि के लिए। - Next.js एकीकरण का अन्वेषण करें |
![]() | मार्कडाउन समर्थन बहुभाषी सामग्री जैसे गोपनीयता नीतियाँ, दस्तावेज़ आदि के लिए लोकल फाइलें और रिमोट मार्कडाउन आयात करें और व्याख्या करें। मार्कडाउन मेटाडेटा को व्याख्यायित करें और इसे अपने कोड में सुलभ बनाएं। - सामग्री फाइलें |
![]() | मुफ्त विज़ुअल एडिटर और CMS सामग्री लेखकों के लिए एक मुफ्त विज़ुअल एडिटर और CMS उपलब्ध है, जिससे लोकलाइज़ेशन प्लेटफ़ॉर्म की आवश्यकता समाप्त हो जाती है। Git का उपयोग करके अपनी सामग्री को सिंक्रनाइज़ रखें, या CMS के साथ इसे पूरी तरह या आंशिक रूप से बाहरी करें। - Intlayer एडिटर - Intlayer CMS |
![]() | ट्री-शेकेबल कंटेंट ट्री-शेकेबल कंटेंट, जो अंतिम बंडल के आकार को कम करता है। प्रत्येक कंपोनेंट के लिए कंटेंट लोड करता है, आपके बंडल से किसी भी अप्रयुक्त कंटेंट को बाहर रखता है। ऐप लोडिंग दक्षता बढ़ाने के लिए लेज़ी लोडिंग का समर्थन करता है। - ऐप बिल्ड ऑप्टिमाइज़ेशन |
![]() | स्थैतिक रेंडरिंग स्थैतिक रेंडरिंग को अवरुद्ध नहीं करता। - Next.js एकीकरण |
![]() | एआई-संचालित अनुवाद अपने वेबसाइट को केवल एक क्लिक में 231 भाषाओं में बदलें, Intlayer के उन्नत एआई-संचालित अनुवाद उपकरणों का उपयोग करके, अपने स्वयं के एआई प्रदाता/API कुंजी के साथ। - CI/CD एकीकरण - Intlayer CLI - स्वचालित भराई |
![]() | MCP सर्वर एकीकरण IDE स्वचालन के लिए एक MCP (मॉडल संदर्भ प्रोटोकॉल) सर्वर प्रदान करता है, जो आपके विकास पर्यावरण के भीतर सीधे सहज सामग्री प्रबंधन और i18n वर्कफ़्लोज़ सक्षम करता है। - MCP सर्वर |
![]() | VSCode एक्सटेंशन Intlayer एक VSCode एक्सटेंशन प्रदान करता है जो आपकी सामग्री और अनुवादों का प्रबंधन करने में मदद करता है, आपकी शब्दकोश बनाने, आपकी सामग्री का अनुवाद करने, और भी बहुत कुछ। - VSCode एक्सटेंशन |
![]() | इंटरऑपरेबिलिटी react-i18next, next-i18next, next-intl, और react-intl के साथ इंटरऑपरेबिलिटी की अनुमति देता है। - Intlayer और react-intl - Intlayer और next-intl - Intlayer और next-i18next |
Intlayer की अन्य समाधानों के साथ तुलना
विशेषता | Intlayer | React-i18next / i18next | React-Intl (FormatJS) | LinguiJS | next-intl | next-i18next | vue-i18n |
---|---|---|---|---|---|---|---|
घटक के पास अनुवाद | हाँ, प्रत्येक घटक के साथ सामग्री सह-स्थित | नहीं | नहीं | नहीं | नहीं | नहीं | हाँ - सिंगल फाइल कंपोनेंट्स (SFCs) का उपयोग करते हुए |
टाइपस्क्रिप्ट एकीकरण | उन्नत, स्वचालित रूप से उत्पन्न सख्त प्रकार | बुनियादी; सुरक्षा के लिए अतिरिक्त कॉन्फ़िगरेशन | अच्छा, लेकिन कम सख्त | टाइपिंग्स, कॉन्फ़िगरेशन की आवश्यकता | अच्छा | बुनियादी | अच्छा (प्रकार उपलब्ध; कुंजी-सुरक्षा सेटअप की आवश्यकता) |
अनुवाद की कमी का पता लगाना | बिल्ड-टाइम त्रुटि/चेतावनी | अधिकांशतः रनटाइम पर फॉलबैक स्ट्रिंग्स | फॉलबैक स्ट्रिंग्स | अतिरिक्त कॉन्फ़िगरेशन की आवश्यकता | रनटाइम फॉलबैक | रनटाइम फॉलबैक | रनटाइम फॉलबैक/चेतावनियाँ (कॉन्फ़िगर करने योग्य) |
रिच कंटेंट (JSX/मार्कडाउन/कंपोनेंट्स) | सीधे समर्थन, यहां तक कि React नोड्स के लिए भी | सीमित / केवल इंटरपोलेशन | ICU सिंटैक्स, असली JSX नहीं | सीमित | रिच नोड्स के लिए डिज़ाइन नहीं किया गया | सीमित | सीमित (कंपोनेंट्स <i18n-t> के माध्यम से, मार्कडाउन प्लगइन्स के माध्यम से) |
एआई-संचालित अनुवाद | हाँ, कई एआई प्रदाताओं का समर्थन करता है। अपने स्वयं के एपीआई कुंजी का उपयोग करके उपयोग किया जा सकता है। आपके आवेदन और सामग्री के संदर्भ को ध्यान में रखता है | नहीं | नहीं | नहीं | नहीं | नहीं | नहीं |
विज़ुअल एडिटर | हाँ, स्थानीय विज़ुअल एडिटर + वैकल्पिक CMS; कोडबेस सामग्री को बाहरी रूप से प्रबंधित कर सकता है; एम्बेड करने योग्य | नहीं / बाहरी स्थानीयकरण प्लेटफार्मों के माध्यम से उपलब्ध | नहीं / बाहरी स्थानीयकरण प्लेटफार्मों के माध्यम से उपलब्ध | नहीं / बाहरी स्थानीयकरण प्लेटफार्मों के माध्यम से उपलब्ध | नहीं / बाहरी स्थानीयकरण प्लेटफार्मों के माध्यम से उपलब्ध | नहीं / बाहरी स्थानीयकरण प्लेटफार्मों के माध्यम से उपलब्ध | नहीं / बाहरी स्थानीयकरण प्लेटफार्मों के माध्यम से उपलब्ध |
स्थानीयकृत रूटिंग | अंतर्निर्मित, मिडलवेयर समर्थन | प्लगइन्स या मैनुअल कॉन्फ़िगरेशन | अंतर्निर्मित नहीं | प्लगइन/मैनुअल कॉन्फ़िगरेशन | अंतर्निर्मित | अंतर्निर्मित | मैनुअल विया Vue राउटर (Nuxt i18n इसे संभालता है) |
डायनामिक रूट जनरेशन | हाँ | प्लगइन/इकोसिस्टम या मैनुअल सेटअप | प्रदान नहीं किया गया | प्लगइन/मैनुअल | हाँ | हाँ | प्रदान नहीं किया गया (Nuxt i18n प्रदान करता है) |
बहुवचन रूप | गणना-आधारित पैटर्न; दस्तावेज़ देखें | कॉन्फ़िगर करने योग्य (i18next-icu जैसे प्लगइन्स) | उन्नत (ICU) | उन्नत (ICU/messageformat) | अच्छा | अच्छा | उन्नत (इन-बिल्ट बहुवचन नियम) |
फ़ॉर्मेटिंग (तिथियाँ, संख्याएँ, मुद्राएँ) | अनुकूलित फॉर्मेटर्स (अंदर से Intl) | प्लगइन्स या कस्टम Intl उपयोग के माध्यम से | उन्नत ICU फॉर्मेटर्स | ICU/CLI सहायक | अच्छा (Intl सहायक) | अच्छा (Intl सहायक) | अंतर्निर्मित तिथि/संख्या फॉर्मेटर्स (Intl) |
सामग्री प्रारूप | .tsx, .ts, .js, .json, .md, .txt | .json | .json, .js | .po, .json | .json, .js, .ts | .json | .json, .js |
आईसीयू समर्थन | प्रगति पर (नेटिव ICU) | प्लगइन के माध्यम से (i18next-icu) | हाँ | हाँ | हाँ | प्लगइन के माध्यम से (i18next-icu) | कस्टम फॉर्मेटर/कंपाइलर के माध्यम से |
एसईओ सहायक (hreflang, साइटमैप) | बिल्ट-इन टूल्स: साइटमैप, robots.txt, मेटाडेटा के लिए सहायक | कम्युनिटी प्लगइन्स/मैनुअल | कोर नहीं | कोर नहीं | अच्छा | अच्छा | कोर नहीं (Nuxt i18n सहायक प्रदान करता है) |
इकोसिस्टम / समुदाय | छोटा लेकिन तेजी से बढ़ रहा है और प्रतिक्रियाशील | सबसे बड़ा और सबसे परिपक्व | बड़ा, उद्यम स्तर | बढ़ रहा है, छोटा | मध्यम आकार, Next.js-केंद्रित | मध्यम आकार, Next.js-केंद्रित | Vue इकोसिस्टम में बड़ा |
सर्वर-साइड रेंडरिंग और सर्वर कंपोनेंट्स | हाँ, SSR / React सर्वर कंपोनेंट्स के लिए सुव्यवस्थित | समर्थित, कुछ कॉन्फ़िगरेशन आवश्यक | Next.js में समर्थित | समर्थित | पूर्ण समर्थन | पूर्ण समर्थन | Nuxt/Vue SSR के माध्यम से SSR (कोई RSC नहीं) |
ट्री-शेकिंग (केवल उपयोग की गई सामग्री लोड करें) | हाँ, प्रति-कंपोनेंट बिल्ड समय पर Babel/SWC प्लगइन्स के माध्यम से | आमतौर पर सभी लोड करता है (नेमस्पेस/कोड-स्प्लिटिंग के साथ सुधार किया जा सकता है) | आमतौर पर सभी लोड करता है | डिफ़ॉल्ट नहीं | आंशिक | आंशिक | आंशिक (कोड-स्प्लिटिंग/मैनुअल सेटअप के साथ) |
लेट लोडिंग | हाँ, प्रति-स्थान/प्रति-कंपोनेंट | हाँ (जैसे, बैकएंड/नेमस्पेस मांग पर) | हाँ (स्थान बंडलों को विभाजित करना) | हाँ (डायनामिक कैटलॉग आयात) | हाँ (प्रति-रूट/प्रति-स्थान) | हाँ (प्रति-रूट/प्रति-स्थान) | हाँ (असिंक्रोनस स्थान संदेश) |
बड़े प्रोजेक्ट्स का प्रबंधन | मॉड्यूलर को प्रोत्साहित करता है, डिज़ाइन-सिस्टम के लिए उपयुक्त | अच्छी फ़ाइल अनुशासन की आवश्यकता होती है | केंद्रीय कैटलॉग बड़े हो सकते हैं | जटिल हो सकता है | सेटअप के साथ मॉड्यूलर | सेटअप के साथ मॉड्यूलर | Vue Router/Nuxt i18n सेटअप के साथ मॉड्यूलर |
दस्तावेज़ इतिहास
संस्करण | तिथि | परिवर्तन |
---|---|---|
5.8.0 | 2025-08-19 | तुलनात्मक तालिका अपडेट करें |
5.5.10 | 2025-06-29 | इतिहास प्रारंभ करें |