React uygulamaları için zahmetsiz yerelleştirme

Nasıl çalışır

TacoTranslate paketini npm ile yükleyin:

npm install tacotranslate

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

TacoTranslate uygulamasının kullanıcı arayüzünde 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ı bizim public olarak adlandırdığımız anahtardır ve read/write anahtarı da secret olarak adlandırdığımız anahtardır. Örneğin, bunları projenizin kök dizinindeki bir .env dosyasına ekleyebilirsiniz.

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

• TACOTRANSLATE_DEFAULT_LOCALE: Varsayılan geri dönüş (fallback) yerel ayar kodu. Bu örnekte, İngilizce için bunu en olarak ayarlayacağız.
• TACOTRANSLATE_ORIGIN: Metinlerinizin saklanacağı “klasör”, örneğin web sitenizin URL'si gibi. Origin'ler hakkında daha fazlasını buradan okuyun.

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ı istemci tarafı üretim ortamlarına asla sızdırmadığınızdan emin olun.

TacoTranslate Kurulumu

Uygulamanızda TacoTranslate'i, uygulamanızı TacoTranslate bağlam sağlayıcısıyla sararak 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 çevirilmiş metinleri göstermek için kullanabilirsiniz! Daha fazla bilgi ve kurulumunuza özel uygulama kılavuzları için belgelerimizi mutlaka inceleyin.

import {Translate} from 'tacotranslate/react';

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

TacoTranslate kullanmanın faydaları

• Zamandan tasarruf: Yerelleştirme ve dize toplama gibi zahmetli süreçleri otomatikleştirerek size değerli zaman kazandırır.
• Maliyet etkin: Manuel çeviri ihtiyacını azaltır, böylece yerelleştirme maliyetlerinizi düşürür.
• Geliştirilmiş doğruluk: Yapay zekâ destekli çeviriler, bağlama uygun ve yüksek kalitede sonuçlar sağlar.
• Ölçeklenebilir çözüm: Uygulamanız ve müşteri tabanınız büyüdükçe yeni diller için desteği kolayca ekleyin.

Hemen başlayın!

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

Canlıya almadan önce yeni dizeler ekleyerek üretim uygulamanızı test edebileceğiniz kapalı ve güvenli bir staging ortamı bulundurmanızı öneririz. Bu, gizli API anahtarınızın çalınmasını ve kötü amaçlı dizeler eklenerek çeviri projenizin şişirilmesini önleyecektir.

Be sure to check out the complete examples over at our GitHub profile. If you encounter any problems, feel free to reach out, and we’ll be more than happy to help.

TacoTranslate lets you automatically localize your React applications quickly to and from over 75 languages. Translate for free!