प्रति-कंपोनेंट i18n

Name: Intlayer
Rating: 4.92 (64 reviews)
Author: Intlayer

टाइप-सेफ। AI से अनुवाद करें। विजुअली एडिट करें।

npx intlayer init

अपने विकास को तेज़ करने के लिए कंपोनेंट्स के पास अनुवाद परिभाषित करें। अपने बंडल को जितना हल्का होना चाहिए, उतना ही रखें। CMS के ज़रिए संपादकों को आमंत्रित करें। हर योगदान सच में सराहा जाता है।

परियोजना का समर्थन करें शुरू हो जाओ

केवल इसके लिए उपलब्ध

कोडबेस

कंपाइलर

विज़ुअल एडिटर

अनुवाद करें

परीक्षण

// src/component/server/component.content.tsimport { t, type Dictionary } from "intlayer";const componentContent = {  key: "server-component",  content: {    title: t({      en: "Title of my component",      fr: "Titre de mon component",      es: "Título de mi componente",    }),    content:      "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",  },} satisfies Dictionary;export default componentContent;

// src/components/Component.tsxexport const Component = () => {  return (    <div>      <h2>Intlayer Compiler</h2>      <p>        The Intlayer Compiler extracts automatically the content from the        components and generates the dictionary files.      </p>    </div>  );};

Intlayer compiler

The Intlayer Compiler automatically extracts the content from the components and generates the dictionary files.

प्लेग्राउंड का उपयोग करके मुफ्त में खेलें।प्लेग्राउंड पर जाएं

अंग्रेज़ी

जापानी

स्पेनिश

रूसी

फ़्रेंच

चीनी

अरबी

intlayer test

$ npx intlayer test

~/Desktop/MyApp

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

Intlayer Compiler के साथ तुरंत अपना कंटेंट एक्सट्रैक्ट करें। यह स्वचालित रूप से आपके कंटेंट के लिए आवश्यक डिक्शनरी फ़ाइलें जनरेट करेगा जिससे आपका एप्लिकेशन एक सेकंड में अंतरराष्ट्रीय हो जाएगा।

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

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

Intlayer CLI का उपयोग करके अपने कंटेंट को AI के माध्यम से परीक्षण और पूर्ण करें, ताकि सभी अनुवाद पूरे और सटीक हों।

Intlayer को क्यों चुनें?

नि:शुल्क और ओपन सोर्स

Intlayer नि:शुल्क और ओपन-सोर्स है, जिससे आप इसे मुफ्त में उपयोग कर सकते हैं और अपनी आवश्यकताओं के अनुसार योगदान कर सकते हैं।

JavaScript संचालित सामग्री प्रबंधन

JavaScript की लचीलापन का लाभ उठाकर, अपनी सामग्री को प्रभावी ढंग से परिभाषित और प्रबंधित करें।

टाइप-सुरक्षित वातावरण

TypeScript का लाभ उठाएं ताकि आपकी सभी सामग्री परिभाषाएँ सटीक और त्रुटि-मुक्त हों।

घटक स्तर पर घोषणा

अपनी अनुवादों को उनके संबंधित घटकों के करीब रखें, जिससे रखरखाव और स्पष्टता में सुधार होता है।

सरल सेटअप

न्यूनतम कॉन्फ़िगरेशन के साथ जल्दी सेटअप करें, विशेष रूप से Next.js परियोजनाओं के लिए अनुकूलित।

एकीकृत CMS

अपनी वेबसाइट पर एकीकृत CMS के साथ अपने सामग्री को संपादित करें। AI के माध्यम से सामग्री निर्माण को बढ़ावा दें।

ताकिनीक

बेंचमार्क देखें पूरी रिपोर्ट पढ़ें

I18n प्रदर्शन बेंचमार्क

यह मीट्रिक क्या है?

अंतर्राष्ट्रीयकरण लाइब्रेरी बंडल का कुल gzip-संपीड़ित आकार। इसमें केवल ट्री-शेकिंग और मिनिफिकेशन के बाद प्रदाता और सामग्री पुनर्प्राप्ति तर्क शामिल हैं।

यह महत्वपूर्ण क्यों है?

एक छोटा लाइब्रेरी आकार प्रारंभिक जावास्क्रिप्ट पेलोड को कम करता है, जिससे क्लाइंट पर तेज़ डाउनलोड और निष्पादन समय होता है।

अपनी वेबसाइट के वैश्विक स्थानीयकरण स्कोर का विश्लेषण करें

अपनी वेबसाइट की स्थानीयकरण गुणवत्ता को तेज़ी से और निःशुल्क मूल्यांकित करें। अपनी वेबसाइट के प्रमुख बहुभाषी तत्वों का विश्लेषण करें ताकि आपको एक व्यापक स्कोर & पहुँच में सुधार के लिए व्यावहारिक सुझाव मिल सकें।

स्कैनर पर जाएं

कोड-आधारित i18n

टाइप-सुरक्षित अनुवाद जो आपके रिपो में रहते हैं।

TypeScript या JavaScript में अपने घटकों के साथ सामग्री घोषित करें। Intlayer स्वचालित रूप से प्रकार उत्पन्न करता है, जिससे आपको स्वतः पूर्ण, सत्यापन और तत्काल प्रतिक्रिया मिलती है। कोई और गायब कुंजी या संदर्भ स्विचिंग नहीं।

कोडिंग शुरू करें

AI CLI Tool

अपने टर्मिनल से अनुवाद स्वचालित करें।

AI के साथ JSON और Markdown को ऑडिट, भरने और अनुवाद करने के लिए CLI।

लापता कुंजियों का पता लगाने और OpenAI, Claude, या स्थानीय मॉडल का उपयोग करके अनुवाद उत्पन्न करने के लिए `npx intlayer fill` चलाएं। अपना Git इतिहास स्वच्छ रखें।

CLI आज़माएं

Intlayer TMS

शब्द के अनुसार भुगतान करना बंद करें। AI के साथ स्वचालित करें।

Crowdin और Lokalise का ओपन-सोर्स और सेल्फ-होस्टेड विकल्प। आधुनिक डेवलपर वर्कफ़्लो के लिए निर्मित।

अपने कोड में या दृश्य संपादक के माध्यम से सीधे अनुवाद प्रबंधित करें। तुरंत अनुवाद करने के लिए AI का लाभ उठाएं। सीट सीमा के बिना अपनी टीम के साथ सहयोग करें।

TMS देखें

हेडलेस CMS

अपने स्थानीय कोड को दूरस्थ सामग्री के साथ जोड़ें।

बिना किसी ओवरहेड के बहुभाषी सामग्री प्रबंधित करें। Intlayer आपको दूरस्थ प्रबंधन के साथ स्थानीय शब्दकोशों को जोड़ने की अनुमति देता है, जिससे पुनर्निर्माण के बिना हॉट अपडेट के लिए Live Sync सक्षम होता है। CI/CD के लिए वेबहुक का उपयोग करें और ऑटो-ट्रांसलेशन AI को बाकी काम करने दें।

CMS देखें

फ़ीचर फ्लैग्स

सुविधाओं को तुरंत टॉगल करें। कोई परिनियोजन आवश्यक नहीं है।

Intlayer शब्दकोश केवल पाठ से अधिक हैं। तर्क, शैली और कॉन्फ़िगरेशन घोषित करने के लिए उनका उपयोग करें। Live Sync के साथ, आप सुविधाओं को चालू या बंद कर सकते हैं, UI थीम बदल सकते हैं, और CMS से सीधे वास्तविक समय में ऐप व्यवहार अपडेट कर सकते हैं।

सुविधाएँ आज़माएं

A/B टेस्टिंग

उत्पाद प्रयोगों के लिए आपका खेल का मैदान।

Intlayer के नए AI-संचालित A/B टेस्टिंग बीटा का पता लगाने वाले पहले व्यक्ति बनें, जो खोज योग्यता बढ़ाने और स्मार्ट उत्पाद निर्णयों का मार्गदर्शन करने के लिए बनाया गया है। कॉपी और डिज़ाइन से लेकर पूरे फीचर्स तक, रियल टाइम में कुछ भी टेस्ट करें, और डेटा को दिखाने दें कि वास्तव में क्या काम करता है।

A/B टेस्ट देखें

पिछली स्लाइड←

अगली स्लाइड→

लाइव डेमो का प्रयास करें

समुदाय द्वारा निर्मित

उन अद्भुत योगदानकर्ताओं से मिलें जो Intlayer को संभव बनाते हैं।

हमसे जुड़ें सभी योगदानकर्ताओं को देखें

अधिकतर पूछे जाने वाले प्रश्न

अंतर्राष्ट्रीयकरण (i18n) वह प्रक्रिया है जिसमें Next.js, React, या Express जैसी आवेदन को आसानी से कई भाषाओं का समर्थन करने के लिए डिजाइन और विकसित किया जाता है। यह आपको अनुवाद प्रक्रिया को सरल बनाकर बहुभाषी वेबसाइट बनाने की अनुमति देता है। TypeScript जैसे उपकरण i18n का कार्यान्वयन करने को आसान बनाते हैं, जिससे आपके अनुप्रयोग को विभिन्न भाषाओं और क्षेत्रों के अनुकूल बनाना कुशल और आसान हो जाता है।अंतर्राष्ट्रीयकरण के बारे में अधिक पढ़ें

Intlayer एक पैकेज है जो आपको अपनी बहुभाषी वेबसाइट को प्रबंधित करने की अनुमति देता है। यह बहुभाषी सामग्री और स्थानीयकरण के लिए आपकी वेबसाइट को सेटअप करना आसान बनाने के लिए टूल और उपयोगिताओं का एक सेट प्रदान करता है。Intlayer के बारे में अधिक पढ़ें

Intlayer कॉन्फ़िगरेशन प्रबंधन को सरल बनाता है और विभिन्न प्रकार के JavaScript अनुप्रयोगों, जिसमें सर्वर घटक शामिल हैं, के लिए अंतर्राष्ट्रीयकरण सक्षम करता है। यह घटकों के साथ सीधे सामग्री की घोषणा की अनुमति देता है, जिससे कोडबेस की रखरखाव क्षमता में सुधार होता है। इसके अलावा, Intlayer, TypeScript का लाभ उठाकर घोषणाओं की कमी को रोकता है। अंततः, Intlayer एक दृश्य संपादक प्रदान करता है, जो गैर-डेवलपर्स को वेबसाइट की सामग्री को संपादित करने, AI का उपयोग करके स्वचालित रूप से अनुवाद करने और एप्लिकेशन के SEO को अनुकूलित करने में सक्षम बनाता है।Intlayer की विशेषताओं के बारे में अधिक पढ़ें

Intlayer Next.js के साथ सर्वर-साइड रेंडरिंग और स्थिर साइट जनरेट करने के लिए एकीकृत होता है, जिससे बहुभाषी सामग्री वितरण अधिक प्रभावी तरीके से हो सके।Next.js के साथ एकीकरण के बारे में अधिक पढ़ें

जी हां, Intlayer एक वैकल्पिक दृश्य संपादक प्रदान करता है जिससे बिना कोड में जाकर सामग्री को आसानी से प्रबंधित किया जा सकता है।दृश्य संपादक के बारे में अधिक पढ़ें

आप पुल अनुरोध सबमिट करके या GitHub भंडार पर मुद्दों की रिपोर्ट करके योगदान कर सकते हैं।योगदान करने के तरीके के बारे में अधिक पढ़ें

Intlayer एक चयनित नि:शुल्क NPM पैकेज और एक विज़ुअल एडिटर को एकीकृत करता है। इसके अलावा, यह सामग्री को बाहरीकरण करने के लिए एक CMS प्रदान करता है। यह CMS निःशुल्क उपयोग के लिए उपलब्ध है, लेकिन Premium और Enterprise योजना के सदस्यों के लिए अतिरिक्त सुविधाएँ शामिल हैं।Intlayer की योजनाओं के बारे में अधिक पढ़ें

Intlayer React (Create React App सहित), Vite के साथ React, Next.js, Tanstack Start, Vue, Nuxt, Express, NestJS, Preact और अधिक के लिए उपलब्ध है। यह आधुनिक JavaScript ढांचे और सर्वर-साइड वातावरण के साथ एक सहज एकीकरण सुनिश्चित करता है।समर्थित प्लेटफार्मों के बारे में अधिक पढ़ें

हाँ, Intlayer को i18next, next-intl, vue-i18next आदि के चारों ओर रैपर के रूप में एकीकृत किया जा सकता है। यह आपको अपनी अनुवाद प्रक्रिया को स्वचालित करने और अपने मौजूदा कोड को रीफैक्टर किए बिना Intlayer का उपयोग करने की अनुमति देता है।

सभी अक्सर पूछे जाने वाले प्रश्न पढ़ें