ਰੀਐਕਟ ਐਪਲੀਕੇਸ਼ਨਾਂ ਲਈ ਬਿਨਾਂ ਕਿਸੇ ਮੁਸ਼ਕਿਲ ਦੇ ਸਥਾਨਕੀਕਰਨ

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

npm ਰਾਹੀਂ TacoTranslate ਪੈਕੇਜ ਇੰਸਟਾਲ ਕਰੋ:

npm install tacotranslate

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

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

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

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

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

ਯਕੀਨੀ ਬਣਾਓ ਕਿ ਸੱਚਮੁੱਚ ਸਿਰਫ਼ ਸੁਰੱਖਿਅਤ ਸਥਾਨਾਂ ਨੂੰ ਹੀ ਗੁਪਤ read/write API ਕੁੰਜੀ ਸਾਂਝੀ ਕੀਤੀ ਜਾਵੇ ਅਤੇ ਕਦੇ ਵੀ ਕਲਾਇੰਟ-ਸਾਈਡ ਪ੍ਰੋਡਕਸ਼ਨ ਵਾਤਾਵਰਣਾਂ ਵਿੱਚ ਇਸ ਦਾ ਰਿਹਾ ਨਿਕਾਸ ਨਾ ਹੋਵੇ।

ਟਾਕੋਟ੍ਰਾਂਸਲੇਟ ਸੈਟਅੱਪ ਕਰਨਾ

ਆਪਣੇ 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 ਵਰਤਣ ਦੇ ਫਾਇਦੇ

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

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

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

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

ਪੱਕਾ ਕਰੋ ਕਿ ਤੁਸੀਂ ਸਾਡੇ GitHub ਪ੍ਰੋਫ਼ਾਈਲ 'ਤੇ ਮੌਜੂਦ ਪੂਰੇ ਉਦਾਹਰਣਾਂ ਨੂੰ ਦੇਖੋ. ਜੇ ਤੁਸੀਂ ਕਿਸੇ ਵੀ ਸਮੱਸਿਆ ਦਾ ਸਾਹਮਣਾ ਕਰਦੇ ਹੋ, ਤਾਂ ਨਿਸ਼ਚਿੰਤ ਹੋ ਕੇ ਸੰਪਰਕ ਕਰੋ, ਅਤੇ ਅਸੀਂ ਖੁਸ਼ ਰਹਿੰਦਿਆਂ ਤੁਹਾਡੀ ਮਦਦ ਕਰਾਂਗੇ।

TacoTranslate ਤੁਹਾਨੂੰ ਕਿਸੇ ਵੀ ਭਾਸ਼ਾ ਵਿੱਚ ਜਾਂ ਕਿਸੇ ਵੀ ਭਾਸ਼ਾ ਤੋਂ ਆਪਣੇ React ਐਪਲੀਕੇਸ਼ਨਾਂ ਨੂੰ ਤੇਜ਼ੀ ਨਾਲ ਆਟੋਮੈਟਿਕ ਤੌਰ 'ਤੇ ਲੋਕਲਾਈਜ਼ ਕਰਨ ਦੀ ਆਗਿਆ ਦਿੰਦਾ ਹੈ। ਮੁਫ਼ਤ ਅਨੁਵਾਦ ਕਰੋ!