React એપ્લિકેશન્સ માટે સરળ સ્થાનિકીકરણ

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

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

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

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

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

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 વાપરવાના લાભ

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

આજે જ શરૂ કરો!

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

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