React એપ્લિકેશન્સ માટે સરળ લોકલાઇઝેશન

તે કેવી રીતે કાર્ય કરે

npm મારફતે TacoTranslate પેકેજ ઇન્સ્ટોલ કરો:

npm install tacotranslate

જ્યારે તમે મૉડ્યૂલ ઇન્સ્ટોલ કરો છો, ત્યારે તમને TacoTranslate એકાઉન્ટ બનાવવું પડશે, એક અનુવાદ પ્રોજેક્ટ બનાવવું પડશે, અને સંબંધિત API કીઝ બનાવવી પડશે. અહીં એકાઉન્ટ બનાવો. તે મફત છે, અને તમને ક્રેડિટ કાર્ડ ઉમેરવાની જરૂર નથી.

TacoTranslate એપ્લિકેશન UIમાં, એક પ્રોજેક્ટ બનાવો અને તેના API કીસ ટેબ પર જાઓ. એક read કી બનાવો, અને એક read/write કી બનાવો. અમે તેમને પર્યાવરણ વેરિએબલ્સ તરીકે સંગ્રહ કરીશું. read કીને આપણે public કહેવાય છે અને read/write કી secret કહેવાય છે. ઉદાહરણ તરીકે, તમે તેમને તમારા પ્રોજેક્ટના મૂળમાં .env ફાઈલમાં ઉમેરાવી શકો છો.

તમે વધુ બે એન્વાયરનમેન્ટ વેરીઅબલ્સ પણ ઉમેરવાની જરૂર પડશે: TACOTRANSLATE_DEFAULT_LOCALE અને TACOTRANSLATE_ORIGIN.

• TACOTRANSLATE_DEFAULT_LOCALE: ડિફોલ્ટ ફૉલબેક લોકેલ કોડ. આ ઉદાહરણમાં, અમે તેને અંગ્રેજી માટે en પર સેટ કરીશું.
• TACOTRANSLATE_ORIGIN: તે "ફોલ્ડર" જ્યાં તમારી સ્ટ્રિંગ્સ સ્ટોર કરવામાં આવશે, જેમ કે તમારી વેબસાઇટનું URL. અહીં ઓરિજિન્સ વિશે વધુ વાંચો.

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 નો ઉપયોગ કરવા માટેના ફાયદા

• સમય બચાવનારો: લોકલાઇઝેશન અને સ્ટ્રિંગ્સ એકત્રિત કરવાની થાકાવાર પ્રક્રિયાને સ્વચાલિત કરે છે, જે તમારો કિંમતી સમય બચાવે છે.
• કિંમત અસરકારક: મેન્યુઅલ અનુવાદોની જરૂરિયાતને ઘટાડે છે, જેના કારણે તમારું લોકલાઇઝેશન ખર્ચ ઓછું થાય છે.
• સુધારેલી ચોક્સાઈ: AI-સંચાલિત અનુવાદો_Contextually_ સાચા અને ઉચ્ચ ગુણવત્તાવાળા પરિણામો સુનિશ્ચિત કરે છે.
• વ્યાપક ઉકેલ: જ્યારે તમારું એપ્લિકેશન અને ગ્રાહક આધાર વધે છે ત્યારે નવી ભાષાઓ માટે સહાય સરળતાથી ઉમેરો.

આજેજ શરૂ કરો!

જ્યારે તમે કોઈ પણ સ્ટ્રિંગને Translate કમ્પોનેન્ટમાં ઉમેરશો ત્યારે તમારી React એપ્લિકેશન આપમેળે અનુવાદિત થશે. નોંધો કે API કી પર read/write પરવાનગીઓ ધરાવતા જ પ્રદેશનો নতুন અનુવાદ માટેની સ્ટ્રિંગ્સ બનાવી શકશે.

અમે સૂચવીએ છીએ કે તમારી પાસે એક બંધ અને સુરક્ષિત સ્ટેજિંગ પર્યાવરણ હોવું જોઈએ જ્યાં તમે તમારી પ્રોડક્શન એપ્લિકેશનનું પરીક્ષણ કરી શકો, લાઈવ જવા પહેલા નવી સ્ટ્રિંગ્સ ઉમેરવા માટે. આથી કોઈપણ તમારા ગુપ્ત API કી ચોરી ન શકે અને સંભવતઃ અનિચ્છનીય સ્ટ્રિંગ્સ ઉમેરવાને કારણે તમારા અનુવાદ પ્રોજેક્ટનું ફૂલોવું અટકાવી શકાય.

પુષ્કળ પ્રમાણમાં સંપૂર્ણ ઉદાહરણો તપાસો અમારા GitHub પ્રોફાઇલ પર. જો તમે કોઈ સમસ્યા વહાવી છો, તો નિઃસંકોચ સંપર્ક કરો, અને અમે મદદ કરવા માટે હંમેશા તૈયાર રહેશુ.

TacoTranslate તમને તમારા React એપ્લિકેશન્સને કોઈ પણ ભાષામાં ઝડપથી અને આપમેળે લોકલાઇઝ કરવામાં મદદ કરે છે. મફત અનુવાદ કરો!