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

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

React માટે TacoTranslate કેમ પસંદ કરશો?

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

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

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 નો ઉપયોગ કરવાથી મળતા લાભો

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

આજથી શરૂ કરો!

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

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