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

તે કેવી રીતે કામ કરે છે

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

npm install tacotranslate

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

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

તમારે još બે એન્ફાયરોનમેન્ટ વેરિએબલ્સ પણ ઉમેરવાની જરૂર પડશે: TACOTRANSLATE_DEFAULT_LOCALE અને TACOTRANSLATE_ORIGIN.

• TACOTRANSLATE_DEFAULT_LOCALE: ડિફોલ્ટFallback લોકેલ કોડ. આ উদાહৰণમાં, અમે તેને અંગ્રેજી માટે en સેટ કરીશું.
• TACOTRANSLATE_ORIGIN: તે "ફોલ્ડર" જ્યાં તમારી સ્ટ્રિંગ્સ સંગ્રહિત રહેશે, જેમ કે તમારી વેબસાઈટનો URL. અહીં origins વિશે વધુ વાંચો.

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

નિશ્ચિત કરો કે ક્યારેય ગોપનીય read/write API કી ક્લાઈએન્ટ સાઈડ પ્રોડક્શન એન્વાયર્નમેન્ટમાં લીક્સ ન થાય.

TacoTranslate સેટઅપ કરવું

તમારા રિએક્ટ એપ્લિકેશનમાં 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 નો ઉપયોગ કરવાના લાભો

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

આજથી شروع કરો!

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

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

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

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