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

શું તમે તમારી React એપ્લિકેશનને નવા બજારોમાં વિસ્તૃત કરવા ઇચ્છો છો? TacoTranslate તમારા React એપ્લિકેશનોને લોકલાઇઝ કરવું અત્યંત સરળ બનાવે છે, જેથી તમે કોઈ તકલીફ વિના વૈશ્વિક દર્શકો સુધી પહોંચી શકો.

React માટે TacoTranslate કેમ પસંદ કરવું?

સહજ એકીકરણ: React એપ્લિકેશન્સ માટે ખાસ ડિઝાઇન કરાયેલું છે, TacoTranslate તમારા વર્તમાન વર્કફ્લો સાથે સરળતાથી એકીકૃત થાય છે.
સ્વચાલિત স্ট્રિંગ સંગ્રહ: હવે JSON ફાઈલોને મેન્યુઅલી મેનેજ કરવાની જરૂર નથી. TacoTranslate આપના કોડબેઝમાંથી સ્ટ્રિંગ્સ આપોઆપ એકત્ર કરે છે.
AI-સંચાલિત અનુવાદ: એપ્લિકેશનની ટોનને અનુરૂપ અને સંદર્ભ પ્રમાણે સચોટ અનુવાદ આપવા માટે AIની શક્તિનો લાભ લો.
તાત્કાલિક ભાષા સપોર્ટ: માત્ર એક ક્લિકથી નવી ભાષાઓ માટે સપોર્ટ ઉમેરો, જેથી ваша એપ્લિકેશન વૈશ્વિક સ્તરે ઉપલબ્ધ બને.

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

npm દ્વારા TacoTranslate પેકેજ ઇન્સ્ટોલ કરો:

npm install tacotranslate

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

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

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

TACOTRANSLATE_DEFAULT_LOCALE: ડિફોલ્ટ ફૉલબૅક લોકેલ કોડ. આ ઉદાહરણમાં, આપણે તેને અંગ્રેજી માટે en તરીકે સેટ કરીશું.
TACOTRANSLATE_ORIGIN: “folder” જ્યાં તમારા સ્ટ્રિંગ્સ સંગ્રહિત કરવામાં આવશે, જેમ કે તમારી વેબસાઇટનો 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 નો ઉપયોગ કરવાથી થતા લાભો

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

આજે જ શરૂ કરો!

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

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