React uygulamalarında uluslararasılaştırma (i18n) için en iyi çözüm

Nasıl çalışır

TacoTranslate paketini npm ile kurun:

npm install tacotranslate

Modülü yükledikten sonra, bir TacoTranslate hesabı, bir çeviri projesi ve ilgili API anahtarları oluşturmanız gerekecek. Buradan hesap oluşturun. Ücretsizdir ve kredi kartı eklemenizi gerektirmez.

TacoTranslate uygulama kullanıcı arayüzü içinde bir proje oluşturun ve API anahtarları sekmesine gidin. Bir read anahtarı ve bir read/write anahtarı oluşturun. Bunları ortam değişkenleri olarak kaydedeceğiz. read anahtarı public olarak adlandırdığımız ve read/write anahtarı ise secret olarak adlandırdığımız anahtardır. Örneğin, bunları projenizin kök dizinindeki .env dosyasına ekleyebilirsiniz.

Ayrıca iki tane daha ortam değişkeni eklemeniz gerekecek: TACOTRANSLATE_DEFAULT_LOCALE ve TACOTRANSLATE_ORIGIN.

• TACOTRANSLATE_DEFAULT_LOCALE: Varsayılan yedek dil kodu. Bu örnekte, İngilizce için en olarak ayarlayacağız.
• TACOTRANSLATE_ORIGIN: Dizelerinizin saklanacağı “klasör”, örneğin web sitenizin URL’si. Origin hakkında daha fazla bilgi edinin.

TACOTRANSLATE_PUBLIC_API_KEY=123456
TACOTRANSLATE_SECRET_API_KEY=789010
TACOTRANSLATE_DEFAULT_LOCALE=en
TACOTRANSLATE_ORIGIN=your-website-url.com

Gizli read/write API anahtarını asla istemci tarafı üretim ortamlarına sızdırmadığınızdan emin olun.

TacoTranslate Kurulumu

Uygulamanızı TacoTranslate bağlam sağlayıcısına sararak React uygulamanızda TacoTranslate'i başlatın:

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>
	);
}

Artık uygulamanızın herhangi bir yerinde Translate bileşenini kullanarak çevrilmiş metni görüntüleyebilirsiniz! Daha fazla bilgi ve kurulumunuza özel uygulama rehberleri için belgelerimize göz atmayı unutmayın.

import {Translate} from 'tacotranslate/react';

export default async function Component() {
	return (
		<Translate string="Hello? This is TacoTranslate speaking." />
	);
}

TacoTranslate Kullanmanın Faydaları

• Zaman tasarrufu: Yerelleştirme ve string toplama işleminin sıkıcı sürecini otomatikleştirir, size değerli zaman kazandırır.
• Maliyet etkin: Manuel çeviri ihtiyacını azaltır, yerelleştirme maliyetlerinizi düşürür.
• Gelişmiş doğruluk: Yapay zekâ destekli çeviriler, bağlama uygun ve yüksek kaliteli sonuçlar sağlar.
• Ölçeklenebilir Çözüm: Uygulamanız ve müşteri kitleniz büyüdükçe kolayca yeni diller ekleyin.

Bugün başlayın!

React uygulamanızda herhangi bir metni Translate bileşenine eklediğinizde otomatik olarak çevrilecektir. API anahtarında read/write izinlerine sahip olan ortamların, çevrilecek yeni metinleri oluşturabileceğini unutmayın.

Canlıya geçmeden önce yeni metinler ekleyip üretim uygulamanızı test edebileceğiniz kapalı ve güvenli bir test ortamına sahip olmanızı öneriyoruz. Bu, gizli API anahtarınızın çalınmasını önler ve kötü amaçlı metinlerin eklenmesiyle çeviri projenizin şişmesini engeller.

GitHub profilimizdeki tam örneklere mutlaka göz atın. Herhangi bir sorunla karşılaşırsanız, bizimle iletişime geçmekten çekinmeyin, size yardımcı olmaktan memnuniyet duyarız.

TacoTranslate, React uygulamalarınızı herhangi bir dile ve dilden otomatik olarak hızlıca yerelleştirmenizi sağlar. Ücretsiz çeviri yapın!