په React غوښتنلیکونو کې د نړیوالې کولو (i18n) غوره حل

ایا تاسو غواړئ خپل React اپلیکیشنونه نوي بازارونو ته پراخه کړئ؟ TacoTranslate ستاسو د React اپلیکیشنونو محلي کول خورا اسانه کوي، او تاسو ته اجازه درکوي چې پرته له کومې ستونزې نړیوالو لیدونکو ته ورسیږئ.

ولې د React لپاره TacoTranslate غوره کړئ؟

بې‌درزه ادغام: د React غوښتنلیکونو لپاره په ځانګړې توګه جوړ شوی، TacoTranslate په اسانۍ سره ستاسو په موجوده کاري جریان کې مدغمېږي.
د متنونو اتومات راټولول: نور د JSON فایلونو په لاسي ډول مدیریت ته اړتیا نشته. TacoTranslate ستاسو له کوډبیس څخه متنونه په اوتومات ډول راټولوي.
د مصنوعي ځیرکتیا پر بنسټ ژباړې: د مصنوعي ځیرکتیا ځواک وکاروئ تر څو د سیاق په نظر کې نیولو سره دقیقې ژباړې وړاندې کړئ چې د ستاسو د غوښتنلیک لحن سره سمون ولري.
سمدستي ژبنی ملاتړ: د نوو ژبو ملاتړ یوازې په یوه کلیک کې اضافه کړئ، او خپل غوښتنلیک نړیوالو کاروونکو ته د لاسرسي وړ کړئ.

څنګه کار کوي

د TacoTranslate بسته د npm له لارې نصب کړئ:

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: د ډیفالټ بدیل (fallback) محلي ژبې کوډ. په دې مثال کې به موږ دا د انګلیسي لپاره په 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 اجازې ورکړل شوې وي، کولی شي د ژباړې لپاره نوي متنونه جوړ کړي.

موږ سپارښتنه کوو چې یو تړلی او خوندي ازمویښتی (staging) چاپیریال ولرئ چېرې تاسو کولی شئ خپل تولیدي غوښتنلیک ازمویئ او د ژوندۍ کېدو څخه مخکې نوې متنونه پکې اضافه کړئ. دا به له دې څخه مخنیوی وکړي چې هر څوک هر څوک ستاسو پټ API کیلي غلا کړي، او کېدای شي د ناسمو متنونو په اضافه کولو سره ستاسو د ژباړې پروژه پراخه او ګډوډه کړي.