React एप्लिकेशन के लिए सहज स्थानीयकरण

क्या आप अपने React एप्लिकेशन को नए बाजारों में विस्तार करना चाहते हैं? TacoTranslate आपके React ऐप्स को स्थानीयकृत करना बेहद आसान बनाता है, जिससे आप बिना किसी झंझट के वैश्विक दर्शकों तक पहुँच सकते हैं।

React के लिए TacoTranslate क्यों चुनें?

Seamless Integration: खासकर React एप्लिकेशनों के लिए डिज़ाइन किया गया, TacoTranslate आपके मौजूदा वर्कफ़्लो में बिना किसी प्रयास के एकीकृत हो जाता है।
Automatic String Collection: JSON फ़ाइलों को मैन्युअल रूप से प्रबंधित करने की ज़रूरत नहीं। TacoTranslate स्वचालित रूप से आपके कोडबेस से स्ट्रिंग्स एकत्र करता है।
AI-Powered Translations: एआई की शक्ति का उपयोग कर संदर्भानुकूल सटीक अनुवाद प्रदान करें जो आपके एप्लिकेशन के स्वर के अनुरूप हों।
Instant Language Support: केवल एक क्लिक में नई भाषाओं के लिए समर्थन जोड़ें, जिससे आपका एप्लिकेशन वैश्विक रूप से सुलभ हो जाए।

यह कैसे काम करता है

npm के माध्यम से TacoTranslate पैकेज इंस्टॉल करें:

npm install tacotranslate

जब आपने मॉड्यूल इंस्टॉल कर लिया हो, तो आपको TacoTranslate खाता, एक अनुवाद प्रोजेक्ट, और संबंधित API कुंजियाँ बनानी होंगी। यहाँ एक खाता बनाएं। यह मुफ्त है, और आपको अपना क्रेडिट कार्ड जोड़ने की आवश्यकता नहीं है।

TacoTranslate एप्लिकेशन UI में एक प्रोजेक्ट बनाएं, और इसके API keys टैब पर जाएँ। एक read कुंजी और एक read/write कुंजी बनाएं। हम इन्हें एनवायरनमेंट वेरिएबल्स के रूप में सहेजेंगे। read कुंजी को हम public कहते हैं और read/write कुंजी secret होती है। उदाहरण के लिए, आप इन्हें अपने प्रोजेक्ट की रूट डायरेक्टरी में .env फ़ाइल में जोड़ सकते हैं।

आपको दो और पर्यावरण चर जोड़ने होंगे: TACOTRANSLATE_DEFAULT_LOCALE और TACOTRANSLATE_ORIGIN.

TACOTRANSLATE_DEFAULT_LOCALE: डिफ़ॉल्ट फॉलबैक लोकेल कोड। इस उदाहरण में, हम इसे अंग्रेज़ी के लिए en पर सेट करेंगे।
TACOTRANSLATE_ORIGIN: वह "फोल्डर" जहाँ आपकी स्ट्रिंग्स संग्रहीत की जाएँगी, जैसे आपकी वेबसाइट का URL. यहाँ ओरिजिन के बारे में और पढ़ें।

.env

TACOTRANSLATE_PUBLIC_API_KEY=123456
TACOTRANSLATE_SECRET_API_KEY=789010
TACOTRANSLATE_DEFAULT_LOCALE=en
TACOTRANSLATE_ORIGIN=your-website-url.com

यह सुनिश्चित करें कि आप कभी भी गुप्त read/write API कुंजी को क्लाइंट-साइड प्रोडक्शन वातावरण में लीक न करें।

TacoTranslate की स्थापना

अपने React एप्लिकेशन में TacoTranslate को इनिशियलाइज़ करें, अपने एप्लिकेशन को TacoTranslate कॉन्टेक्स्ट प्रोवाइडर में लपेटकर:

import React, {useState} from 'react';
import TacoTranslate, {Translate} from 'tacotranslate/react';

const tacoTranslate = createTacoTranslateClient({
	apiKey: 'YOUR_API_KEY',
});

export default function App() {
	const [locale, setLocale] = useState('en');

	return (
		<TacoTranslate client={tacoTranslate} locale={locale}>
			<Translate string="Hello, world!"/>
		</TacoTranslate>
	);
}

अब आप अपने एप्लिकेशन में कहीं भी Translate कंपोनेंट का उपयोग करके अनुवादित टेक्स्ट प्रदर्शित कर सकते हैं! अधिक जानकारी और आपकी सेटअप के लिए विशिष्ट कार्यान्वयन मार्गदर्शिकाओं के लिए हमारी प्रलेखन अवश्य देखें।

import {Translate} from 'tacotranslate/react';

export default async function Component() {
	return (
		<Translate string="Hello? This is TacoTranslate speaking." />
	);
}

TacoTranslate का उपयोग करने के लाभ

Time saving: स्थानीयकरण और स्ट्रिंग्स एकत्र करने की थकाऊ प्रक्रिया को स्वचालित करता है, जिससे आपका कीमती समय बचता है.
Cost-effective: मैन्युअल अनुवाद की आवश्यकता को कम करता है, जिससे आपकी स्थानीयकरण लागत घटती है.
Improved accuracy: AI-संचालित अनुवाद संदर्भ के अनुसार सटीक और उच्च-गुणवत्ता वाले परिणाम सुनिश्चित करते हैं.
Scalable Solution: जैसे-जैसे आपका एप्लिकेशन और ग्राहक आधार बढ़ता है, आप आसानी से नई भाषाओं के लिए समर्थन जोड़ सकते हैं.

आज ही शुरू करें!

जब आप किसी भी स्ट्रिंग को Translate कॉम्पोनेंट में जोड़ेंगे, तो आपकी React एप्लिकेशन स्वचालित रूप से अनुवादित हो जाएगी। ध्यान रखें कि केवल वे वातावरण जिनके पास API कुंजी पर read/write अनुमतियाँ हों, नए अनुवाद योग्य स्ट्रिंग्स बना सकेंगे।

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