React ਐਪਸ ਲਈ ਅੰਤਰਰਾਸ਼ਟਰੀਕਰਨ (i18n) ਦਾ ਸਭ ਤੋਂ ਵਧੀਆ ਹੱਲ

ਕੀ ਤੁਸੀਂ ਆਪਣੇ React ਐਪਲੀਕੇਸ਼ਨ ਨੂੰ ਨਵੀਆਂ ਬਜ਼ਾਰਾਂ ਵੱਲ ਵਧਾਉਣਾ ਚਾਹੁੰਦੇ ਹੋ? TacoTranslate ਤੁਹਾਡੇ React ਐਪਸ ਨੂੰ ਸਥਾਨਕ ਬਣਾਉਣਾ ਬਹੁਤ ਹੀ ਆਸਾਨ ਬਣਾਉਂਦਾ ਹੈ, ਜਿਸਦੇ ਨਾਲ ਤੁਸੀਂ ਬਿਨਾਂ ਕਿਸੇ ਮੁਸ਼ਕਲ ਦੇ ਵਿਸ਼ਵ ਭਰ ਦੇ ਦਰਸ਼ਕਾਂ ਤੱਕ ਪਹੁੰਚ ਸਕਦੇ ਹੋ।

React ਲਈ TacoTranslate ਕਿਉਂ ਚੁਣੋ?

ਸਰਲ ਇੰਟਿਗ੍ਰੇਸ਼ਨ: ਖਾਸ ਕਰਕੇ React ਐਪਲੀਕੇਸ਼ਨਾਂ ਲਈ ਤਿਆਰ ਕੀਤਾ ਗਿਆ, TacoTranslate ਤੁਹਾਡੇ ਮੌਜੂਦਾ ਵਰਕਫਲੋ ਵਿੱਚ ਬੇਹੱਦ ਆਸਾਨੀ ਨਾਲ ਸ਼ਾਮਲ ਹੋ ਜਾਂਦਾ ਹੈ।
ਆਟੋਮੈਟਿਕ ਸਟਰਿੰਗ ਕਲੇਕਸ਼ਨ: ਹੁਣ JSON ਫਾਈਲਾਂ ਨੂੰ ਹੱਥੋਂ ਮੈਨੇਜ ਕਰਨ ਦੀ ਲੋੜ ਨਹੀਂ। TacoTranslate ਤੁਹਾਡੇ ਕੋਡਬੇਸ ਤੋਂ ਸਟਰਿੰਗਸ ਆਟੋਮੈਟਿਕਲੀ ਇਕੱਠੀਆਂ ਕਰਦਾ ਹੈ।
AI-ਚਲਿਤ ਅਨੁਵਾਦ: AI ਦੀ ਤਾਕਤ ਦਾ ਵਰਤੋਂ ਕਰਕੇ ਬੇਹੱਦ ਢੰਗ ਨਾਲ ਸੰਦਰਭ ਅਨੁਕੂਲ ਅਨੁਵਾਦ ਪ੍ਰਦਾਨ ਕਰੋ ਜੋ ਤੁਹਾਡੇ ਐਪ ਦੇ ਟੋਨ ਦੇ ਮੇਲ ਖਾਂਦੇ ਹਨ।
ਤੁਰੰਤ ਭਾਸ਼ਾ ਸਮਰਥਨ: ਸਿਰਫ ਇੱਕ ਕਲਿੱਕ ਨਾਲ ਨਵੀਆਂ ਭਾਸ਼ਾਵਾਂ ਦਾ ਸਮਰਥਨ ਜੋੜੋ, ਇਸ ਤਰ੍ਹਾਂ ਤੁਹਾਡੀ ਐਪਲੀਕੇਸ਼ਨ ਦੁਨੀਆ ਭਰ ਵਿੱਚ ਪਹੁੰਚਯੋਗ ਬਣ ਜਾਂਦੀ ਹੈ।

ਇਹ ਕਿਵੇਂ ਕੰਮ ਕਰਦਾ ਹੈ

npm ਦੇ ਜ਼ਰੀਏ TacoTranslate ਪੈਕੇਜ انسٹال کریں:

npm install tacotranslate

ਜਦੋਂ ਤੁਸੀਂ ਮੋਡੀਊਲ ਇੰਸਟਾਲ ਕਰ ਲੈਂਦੇ ਹੋ, ਤਾਂ ਤੁਹਾਨੂੰ ਇੱਕ TacoTranslate ਖਾਤਾ, ਇੱਕ ਅਨੁਵਾਦ ਪ੍ਰੋਜੈਕਟ ਅਤੇ ਸਬੰਧਤ API ਕੀਜ਼ ਬਣਾਉਣੀਆਂ ਪੈਂਦੀਆਂ ਹਨ। ਇੱਥੇ ਖਾਤਾ ਬਣਾਓ। ਇਹ ਮੁਫ਼ਤ ਹੈ, ਅਤੇ ਇਸ ਲਈ ਤੁਹਾਨੂੰ ਕ੍ਰੈਡਿਟ ਕਾਰਡ ਜੋੜਨ ਦੀ ਲੋੜ ਨਹੀਂ ਹੈ।

TacoTranslate ਐਪਲੀਕੇਸ਼ਨ UI ਵਿੱਚ, ਇੱਕ ਪ੍ਰੋਜੈਕਟ ਬਣਾਓ, ਅਤੇ ਇਸਦੇ API keys ਟੈਬ ਤੱਕ ਜਾਓ। ਇੱਕ read ਕੀ ਬਣਾਓ, ਅਤੇ ਇੱਕ read/write ਕੀ ਵੀ। ਅਸੀਂ ਇਨ੍ਹਾਂ ਨੂੰ ਵਾਤਾਵਰਨ ਚਲਕਾਂ (environment variables) ਵਜੋਂ ਸੇਵ ਕਰਾਂਗੇ। read ਕੀ ਨੂੰ ਅਸੀਂ public ਕਹਿੰਦੇ ਹਾਂ ਅਤੇ read/write ਕੀ ਨੂੰ secret ਕਹਿੰਦੇ ਹਾਂ। ਉਦਾਹਰਨ ਲਈ, ਤੁਸੀਂ ਇਨ੍ਹਾਂ ਨੂੰ ਆਪਣੇ ਪ੍ਰੋਜੈਕਟ ਦੀ ਮੂਲ ਫੋਲਡਰ ਵਿੱਚ .env ਫਾਈਲ ਵਿੱਚ ਜੋੜ ਸਕਦੇ ਹੋ।

ਤੁਹਾਨੂੰ ਦੋ ਹੋਰ ਵਾਤਾਵਰਨ ਵੈਰੀਏਬਲ ਵੀ ਸ਼ਾਮਲ ਕਰਨ ਦੀ ਜਰੂਰਤ ਹੋਵੇਗੀ: TACOTRANSLATE_DEFAULT_LOCALE ਅਤੇ TACOTRANSLATE_ORIGIN.

TACOTRANSLATE_DEFAULT_LOCALE: ਡਿਫਾਲਟFallback locale ਕੋਡ। ਇਸ ਉਦਾਹਰਨ ਵਿੱਚ, ਅਸੀਂ ਇਸਨੂੰ en ਅੰਗਰੇਜ਼ੀ ਲਈ ਸੈੱਟ ਕਰਾਂਗੇ।
TACOTRANSLATE_ORIGIN: ਉਹ “ਫੋਲਡਰ” ਜਿੱਥੇ ਤੁਹਾਡੇ ਸਟ੍ਰਿੰਗ ਸਟੋਰ ਕੀਤੇ ਜਾਣਗੇ, ਜਿਵੇਂ ਤੁਹਾਡੇ ਵੈੱਬਸਾਈਟ ਦਾ URL। ਇੱਥੇ Origins ਬਾਰੇ ਹੋਰ ਪੜ੍ਹੋ।

.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." />
	);
}

ਟਾਕੋਟ੍ਰਾਂਸਲੇਟ ਦੀ ਵਰਤੋਂ ਦੇ ਫਾਇਦੇ

ਸਮਾਂ ਬਚਾਉਣਾ: ਸਥਾਨਕੀਕਰਨ ਅਤੇ ਸਟਰਿੰਗ ਇਕੱਠਾ ਕਰਨ ਦੀ ਥਕਾਵਟ ਭਰੀ ਪ੍ਰਕਿਰਿਆ ਨੂੰ ਆਟੋਮੈਟ ਕਰਦਾ ਹੈ, ਤੁਹਾਡੇ ਕੀਮਤੀ ਸਮੇਂ ਦੀ ਬਚਤ ਕਰਦਾ ਹੈ।
ਲਾਗਤ-ਪਰਕਾਟ: ਹੱਥੋਂ-ਹੱਥ ਅਨੁਵਾਦ ਕਰਨ ਦੀ ਲੋੜ ਘਟਾਉਂਦਾ ਹੈ, ਤੁਹਾਡੇ ਸਥਾਨਕੀਕਰਨ ਦੇ ਖਰਚੇ ਘਟਾਉਂਦਾ ਹੈ।
ਸੁਧਰੀ ਹੋਈ ਨਿਸ਼ਾਨਦਹੀ: ਏਆਈ-ਸੰਪੂਰਿਤ ਅਨੁਵਾਦ ਸੰਦਰਭ ਅਨੁਸਾਰ ਸਹੀ ਅਤੇ ਉੱਚ-ਗੁਣਵੱਤਾ ਵਾਲੇ ਨਤੀਜੇ ਯਕੀਨੀ ਬਣਾਉਂਦੇ ਹਨ।
ਵਿਕਾਸਯੋਗ ਹੱਲ: ਜਿਵੇਂ ਜਿਵੇਂ ਤੁਹਾਡੀ ਐਪਲੀਕੇਸ਼ਨ ਅਤੇ ਗਾਹਕ ਆਧਾਰ ਵਧਦਾ ਹੈ, ਨਵੇਂ ਭਾਸ਼ਾਵਾਂ ਲਈ ਆਸਾਨੀ ਨਾਲ ਸਹਾਇਤਾ ਜੋੜੋ।

ਅੱਜ ਹੀ ਸ਼ੁਰੂ ਕਰੋ!

ਤੁਹਾਡੀ React ਐਪਲੀਕੇਸ਼ਨ ਆਪਣੇ ਆਪ ਅਨੁਵਾਦ ਹੋ ਜਾਏਗੀ ਜਦੋਂ ਤੁਸੀਂ ਕਿਸੇ ਵੀ ਸਤਰ ਨੂੰ Translate ਕੰਪੋਨੈਂਟ ਵਿੱਚ ਸ਼ਾਮਲ ਕਰੋਂਗੇ। ਧਿਆਨ ਦਿਓ ਕਿ ਸਿਰਫ ਉਹਨਾਂ ਮਾਹੌਲਾਂ ਨੂੰ ਜਿਨ੍ਹਾਂ ਕੋਲ read/write ਅਧਿਕਾਰ ਹਨ API ਕੀ 'ਤੇ, ਨਵੇਂ ਸਤਰ ਬਣਾਉਣ ਦੀ ਇਜਾਜ਼ਤ ਹੋਵੇਗੀ ਜੋ ਅਨੁਵਾਦ ਲਈ ਬਣਾਏ ਜਾਣਗੇ।

ਅਸੀਂ ਸੁਝਾਅ ਦੇਂਦੇ ਹਾਂ ਕਿ ਇੱਕ ਬੰਦ ਅਤੇ ਸੁਰੱਖਿਅਤ ਸਟੇਜਿੰਗ ਮਾਹੌਲ ਬਣਾਇਆ ਜਾਵੇ ਜਿੱਥੇ ਤੁਸੀਂ ਆਪਣੀ ਪ੍ਰੋਡਕਸ਼ਨ ਐਪਲੀਕੇਸ਼ਨ ਦੀ ਪਰਖ ਕਰ ਸਕੋ, ਨਵੇਂ ਸਤਰ ਸ਼ਾਮਲ ਕਰਦੇ ਹੋਏ ਲਾਂਚ ਤੋਂ ਪਹਿਲਾਂ। ਇਸ ਨਾਲ ਕੋਈ ਵੀ ਤੁਹਾਡੀ ਗੁਪਤ API ਕੀ ਚੋਰੀ ਕਰਨ ਤੋਂ ਬਚਿਆ ਜਾਵੇਗਾ ਅਤੇ ਸੰਭਵਤ: ਕਿਸੇ ਦੁਸ਼ਟ ਸਤਰ ਸ਼ਾਮਲ ਕਰਨ ਨਾਲ ਤੁਹਾਡੇ ਅਨੁਵਾਦ ਪ੍ਰੋਜੈਕਟ ਨੂੰ ਬਿਨਾ ਲੋੜ ਦੇ ਵਧਣ ਤੋਂ ਰੋਕਿਆ ਜਾਵੇਗਾ।