React uygulamaları için zahmetsiz yerelleştirme

Nasıl çalışır

TacoTranslate paketini npm ile yükleyin:

npm install tacotranslate

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

TacoTranslate uygulama 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 anahtar, read/write anahtarı ise secret olanıdır. Örneğin, bunları projenizin kök dizinindeki bir .env dosyasına ekleyebilirsiniz.

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

• TACOTRANSLATE_DEFAULT_LOCALE: Varsayılan yedek locale kodu. Bu örnekte, İngilizce için en olarak ayarlayacağız.
• TACOTRANSLATE_ORIGIN: Dizelerinizin saklanacağı “klasör”, örneğin web sitenizin URL’si. Origin'ler 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

Kesinlikle gizli read/write API anahtarını istemci tarafı üretim ortamlarına sızdırmayın.

TacoTranslate Kurulumu

TacoTranslate'i React uygulamanızda, uygulamanızı TacoTranslate bağlam sağlayıcısına 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 kullanarak çevrilmiş metni görüntüleyebilirsiniz! 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 avantajları

• Zaman tasarrufu: Yerelleştirme ve metin toplama gibi zahmetli süreçleri otomatikleştirir, size değerli zaman kazandırır.
• Maliyet açısından etkili: Elle yapılan çevirilere olan ihtiyacı azaltır, yerelleştirme maliyetlerinizi düşürür.
• Geliştirilmiş doğruluk: Yapay zeka destekli çeviriler bağlama uygun, yüksek kaliteli sonuçlar sağlar.
• Ölçeklenebilir çözüm: Uygulamanız ve müşteri tabanınız büyüdükçe yeni dilleri kolayca destekleyebilirsiniz.

Hemen başlayın!

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

Kullanıma almadan önce üretim uygulamanızı test edebileceğiniz, kapalı ve güvenli bir staging ortamı bulundurmanızı öneririz; böylece canlıya geçmeden yeni dizeler ekleyebilirsiniz. Bu, gizli API anahtarınızı herhangi birinin herhangi birinin çalmasını engeller ve potansiyel olarak kötü niyetli dizeler ekleyerek çeviri projenizi şişirmesini önler.

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!