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

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

React માટે TacoTranslate કેમ પસંદ karvu?

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

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

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. અહીં ઓરિજીન્સ વિશે વધુ વાંચો.

.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 ના ઉપયોગનાં ફાયદા

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

આજથી શરૂ કરો!

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

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