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: ਡਿਫਾਲਟ ਫਾਲਬੈਕ ਲੋਕੇਲ ਕੋਡ। ਇਸ ਉਦਾਹਰਨ ਵਿੱਚ, ਅਸੀਂ ਇਸਨੂੰ ਅੰਗਰੇਜ਼ੀ ਲਈ 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." />
	);
}

TacoTranslate ਵਰਤਣ ਦੇ ਫਾਇਦੇ

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

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

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

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