Next.js ਐਪਲੀਕੇਸ਼ਨ ਵਿੱਚ ਜਿਸ ਵਿੱਚ Pages Router ਵਰਤਿਆ ਜਾ ਰਿਹਾ ਹੈ, ਅੰਤਰਰਾਸ਼ਟਰੀਕਰਨ (internationalization) ਨੂੰ ਕਿਵੇਂ ਲਾਗੂ ਕਰਨਾ ਹੈ
ਆਪਣੇ React ਐਪਲੀਕੇਸ਼ਨ ਨੂੰ ਵੱਧ ਪਹੁੰਚਯੋਗ ਬਣਾਓ ਅਤੇ ਅੰਤਰਰਾਸ਼ਟਰੀਕਰਨ (i18n) ਨਾਲ ਨਵੇਂ ਬਾਜ਼ਾਰਾਂ ਤੱਕ ਪਹੁੰਚੋ।
ਜਿਵੇਂ ਜੱਗ ਵੱਧ ਤੋਂ ਵੱਧ ਗਲੋਬਲ ਹੁੰਦਾ ਜਾ ਰਿਹਾ ਹੈ, ਵੈੱਬ ਡਿਵੈਲਪਰਾਂ ਲਈ ਇਹ ਜ਼ਰੂਰੀ ਹੋ ਗਿਆ ਹੈ ਕਿ ਉਹ ਐਪਲੀਕੇਸ਼ਨਾਂ ਬਣਾਉਣ ਜੋ ਵੱਖ-ਵੱਖ ਦੇਸ਼ਾਂ ਅਤੇ ਸਭਿਆਚਾਰਾਂ ਦੇ ਯੂਜ਼ਰਾਂ ਦੀ ਜ਼ਰੂਰਤਾਂ ਨੂੰ ਪੂਰਾ ਕਰ ਸਕਣ। ਇਹ ਪ੍ਰਾਪਤ ਕਰਨ ਦੇ ਮੁੱਖ ਤਰੀਕਿਆਂ ਵਿੱਚੋਂ ਇੱਕ ਹੈ ਅੰਤਰਰਾਸ਼ਟਰੀਕਰਨ (i18n), ਜੋ ਤੁਹਾਨੂੰ ਆਪਣੀ ਐਪਲੀਕੇਸ਼ਨ ਨੂੰ ਵੱਖ-ਵੱਖ ਭਾਸ਼ਾਵਾਂ, ਮੁਦਰਾਵਾਂ ਅਤੇ ਮਿਤੀ ਦੇ ਫਾਰਮੈਟਾਂ ਵਿੱਚ ਅਨੁਕੂਲਿਤ ਕਰਨ ਦੀ ਆਗਿਆ ਦਿੰਦਾ ਹੈ।
ਇਸ ਟਿਊਟੋਰਿਅਲ ਵਿੱਚ, ਅਸੀਂ ਵੇਖਾਂਗੇ ਕਿ ਕਿਵੇਂ ਆਪਣੇ React Next.js ਐਪਲੀਕੇਸ਼ਨ ਵਿੱਚ ਸਰਵਰ ਸਾਈਡ ਰੇਂਡਰਿੰਗ ਨਾਲ ਅੰਤਰਰਾਸ਼ਟਰੀਕਰਨ ਜੋੜਿਆ ਜਾ ਸਕਦਾ ਹੈ। TL;DR: ਪੂਰਾ ਉਦਾਹਰਨ ਇੱਥੇ ਵੇਖੋ।
ਇਹ ਗਾਈਡ Next.js ਐਪਲੀਕੇਸ਼ਨਾਂ ਲਈ ਹੈ ਜੋ Pages Router ਦੀ ਵਰਤੋਂ ਕਰ ਰਹੀਆਂ ਹਨ।
ਜੇ ਤੁਸੀਂ App Router ਦੀ ਵਰਤੋਂ ਕਰ ਰਹੇ ਹੋ, ਤਾਂ ਕਿਰਪਾ ਕਰਕੇ ਇਸਦੀ ਬਜਾਏ ਇਸ ਗਾਈਡ ਨੂੰ ਵੇਖੋ।
ਕਦਮ 1: ਇੱਕ i18n ਲਾਇਬ੍ਰੇਰੀ ਇੰਸਟਾਲ ਕਰੋ
ਤੁਹਾਡੇ Next.js ਐਪਲੀਕੇਸ਼ਨ ਵਿੱਚ ਅੰਤਰਰਾਸ਼ਟਰੀਕੀਕਰਨ ਨੂੰ ਲਾਗੂ ਕਰਨ ਲਈ, ਅਸੀਂ ਪਹਿਲਾਂ ਇੱਕ i18n ਲਾਇਬ੍ਰੇਰੀ ਚੁਣਾਂਗੇ। ਕਈ ਲੋਕਪ੍ਰਿਯ ਲਾਇਬ੍ਰੇਰੀਆਂ ਹਨ, ਜਿਨ੍ਹਾਂ ਵਿੱਚ next-intl ਵੀ ਸ਼ਾਮਲ ਹੈ। ਪਰ ਇਸ ਉਦਾਹਰਨ ਵਿੱਚ, ਅਸੀਂ TacoTranslate ਦੀ ਵਰਤੋਂ ਕਰਾਂਗੇ।
TacoTranslate ਤੁਹਾਡੇ ਸਟਰਿੰਗਜ਼ ਨੂੰ ਕੱਟਿੰਗ-ਐਜ AI ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਕਿਸੇ ਵੀ ਭਾਸ਼ਾ ਵਿੱਚ ਆਪਣੇ ਆਪ ਤਰਜਮਾ ਕਰਦਾ ਹੈ, ਅਤੇ ਤੁਹਾਨੂੰ JSON ਫਾਇਲਾਂ ਦੀ ਥਕਾਉਣ ਵਾਲੀ ਪ੍ਰਬੰਧਕੀ ਤੋਂ ਮੁਕਤ ਕਰਦਾ ਹੈ।
ਆਓ ਇਸਨੂੰ ਆਪਣੇ ਟਰਮੀਨਲ ਵਿੱਚ npm ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਇੰਸਟਾਲ ਕਰੀਏ:
npm install tacotranslate
ਕਦਮ 2: ਇੱਕ ਮੁਫ਼ਤ TacoTranslate ਖਾਤਾ ਬਣਾਓ
ਹੁਣ ਜਦੋਂ ਤੁਸੀਂ ਮੋਡਿਊਲ ਇੰਸਟਾਲ ਕਰ ਲਿਆ ਹੈ, ਤਾਂ ਇਹ ਸਮਾਂ ਹੈ ਕਿ ਤੁਸੀਂ ਆਪਣਾ TacoTranslate ਖਾਤਾ ਬਣਾਓ, ਇੱਕ ਅਨੁਵਾਦ ਪ੍ਰੋਜੈਕਟ ਬਣਾਓ, ਅਤੇ ਸੰਬੰਧਿਤ API ਕੁੰਜੀਆਂ ਪ੍ਰਾਪਤ ਕਰੋ। ਇੱਥੇ ਖਾਤਾ ਬਣਾਓ। ਇਹ ਮੁਫ਼ਤ ਹੈ, ਅਤੇ ਤੁਹਾਨੂੰ ਕੋਈ ਕਰੈਡਿਟ ਕਾਰਡ ਸ਼ਾਮਲ ਕਰਨ ਦੀ ਲੋੜ ਨਹੀਂ ਹੈ।
TacoTranslate ਐਪਲੀਕੇਸ਼ਨ UI ਵਿੱਚ, ਇੱਕ ਪ੍ਰੋਜੈਕਟ ਬਣਾਓ, ਅਤੇ ਇਸਦੇ API ਕੀਜ਼ ਟੈਬ 'ਤੇ ਜਾਓ। ਇੱਕ read
ਕੀ ਬਣਾਓ, ਅਤੇ ਇੱਕ read/write
ਕੀ ਬਣਾਓ। ਅਸੀਂ ਇਹਨਾਂ ਨੂੰ ਵਾਤਾਵਰਣ ਵેરીਏਬਲਜ਼ ਵਜੋਂ ਸੰਗ੍ਰਹਿਤ ਕਰਾਂਗੇ। read
ਕੀ ਨੂੰ ਅਸੀਂ public
ਕਹਿੰਦੇ ਹਾਂ ਅਤੇ read/write
ਕੀ ਨੂੰ secret
ਕਹਿੰਦੇ ਹਾਂ। ਉਦਾਹਰਣ ਲਈ, ਤੁਸੀਂ ਇਹਨਾਂ ਨੂੰ ਆਪਣੇ ਪ੍ਰੋਜੈਕਟ ਦੀ ਰੂਟ ਥਾਂ ਤੇ .env
ਫਾਇਲ ਵਿੱਚ ਜੋੜ ਸਕਦੇ ਹੋ।
TACOTRANSLATE_PUBLIC_API_KEY=123456
TACOTRANSLATE_SECRET_API_KEY=789010
ਯਕੀਨੀ ਬਣਾਓ ਕਿ ਕਦੇ ਵੀ ਗੁਪਤ read/write
API ਕੁੰਜੀ ਨੂੰ ਕਲਾਇੈਂਟ ਸਾਈਡ ਪ੍ਰੋਡਕਸ਼ਨ ਵਾਤਾਵਰਨਾਂ ਵਿੱਚ ਲੀਕ ਨਾ ਕਰੋ।
ਅਸੀਂ ਦੋ ਹੋਰ environment variables ਵੀ ਜੋੜਾਂਗੇ: TACOTRANSLATE_DEFAULT_LOCALE
ਅਤੇ TACOTRANSLATE_ORIGIN
.
TACOTRANSLATE_DEFAULT_LOCALE
: ਮੂਲ ਡਿਫਾਲਟ ਫਾਲਬੈਕ ਲੋਕੇਲ ਕੋਡ। ਇਸ ਉਦਾਹਰਨ ਵਿੱਚ, ਅਸੀਂ ਇਸ ਨੂੰ ਅੰਗਰੇਜ਼ੀ ਲਈen
'ਤੇ ਸੈੱਟ ਕਰਾਂਗੇ।TACOTRANSLATE_ORIGIN
: "ਫੋਲਡਰ" ਜਿੱਥੇ ਤੁਹਾਡੇ ਸਤਰ ਸਟੋਰ ਹੋਣਗੇ, ਜਿਵੇਂ ਕਿ ਤੁਹਾਡੀ ਵੈੱਬਸਾਈਟ ਦਾ URL। ਇੱਥੇ ਮੂਲ ਬਾਰੇ ਹੋਰ ਪੜ੍ਹੋ।
TACOTRANSLATE_DEFAULT_LOCALE=en
TACOTRANSLATE_ORIGIN=your-website-url.com
ਕਦਮ 3: TacoTranslate ਸੈੱਟਅੱਪ ਕਰਨਾ
ਆਪਣੇ ਐਪਲੀਕੇਸ਼ਨ ਨਾਲ TacoTranslate ਨੂੰ ਇੰਟਿਗ੍ਰੇਟ ਕਰਨ ਲਈ, ਤੁਹਾਨੂੰ ਪਹਿਲਾਂ ਦਿੱਤੇ API ਕੀਜ਼ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਇੱਕ ਕਲਾਇੰਟ ਬਣਾਉਣ ਦੀ ਜ਼ਰੂਰਤ ਹੋਵੇਗੀ। ਉਦਾਹਰਨ ਵਜੋਂ, /tacotranslate-client.js
ਨਾਂ ਦਾ ਇੱਕ ਫਾਈਲ ਬਣਾਓ।
const {default: createTacoTranslateClient} = require('tacotranslate');
const tacoTranslate = createTacoTranslateClient({
apiKey:
process.env.TACOTRANSLATE_SECRET_API_KEY ??
process.env.TACOTRANSLATE_PUBLIC_API_KEY ??
process.env.TACOTRANSLATE_API_KEY ??
'',
projectLocale: process.env.TACOTRANSLATE_DEFAULT_LOCALE ?? '',
});
module.exports = tacoTranslate;
ਅਸੀਂ ਜਲਦੀ ਹੀ ਆਪਣੇ ਆਪ TACOTRANSLATE_API_KEY
ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰਾਂਗੇ।
ਇੱਕ ਵੱਖਰੇ ਫਾਈਲ ਵਿੱਚ ਕਲਾਇੰਟ ਬਣਾਉਣਾ ਬਾਅਦ ਵਿੱਚ ਮੁੜ ਵਰਤਣ ਲਈ ਆਸਾਨ ਬਣਾਉਂਦਾ ਹੈ। ਹੁਣ, ਇੱਕ ਕਸਟਮ /pages/_app.tsx
ਦੀ ਵਰਤੋਂ ਕਰਦਿਆਂ, ਅਸੀਂ TacoTranslate
ਪ੍ਰੋਵਾਇਡਰ ਨੂੰ ਸ਼ਾਮਲ ਕਰਾਂਗੇ।
import React from 'react';
import {type AppProps} from 'next/app';
import {type Origin, type Locale, type Localizations} from 'tacotranslate';
import TacoTranslate from 'tacotranslate/react';
import TacoTranslateHead from 'tacotranslate/next/head';
import tacoTranslate from '../tacotranslate-client';
type PageProperties = {
origin: Origin;
locale: Locale;
locales: Locale[];
localizations: Localizations;
};
export default function App({Component, pageProps}: AppProps<PageProperties>) {
const {origin, locale, locales, localizations} = pageProps;
return (
<TacoTranslate
client={tacoTranslate}
origin={origin}
locale={locale}
localizations={localizations}
>
<TacoTranslateHead rootUrl="https://your-website.com" locales={locales} />
<Component {...pageProps} />
</TacoTranslate>
);
}
ਜੇ ਤੁਹਾਡੇ ਕੋਲ ਪਹਿਲਾਂ ਹੀ ਕਸਟਮ pageProps
ਅਤੇ _app.tsx
ਹਨ, ਤਾਂ ਕਿਰਪਾ ਕਰਕੇ ਉਪਰ ਦਿੱਤੀਆਂ ਗੁਣਾਂ ਅਤੇ ਕੋਡ ਨਾਲ ਪਰਿਭਾਸ਼ਾ ਨੂੰ ਵਧਾਓ।
ਚਰਨ 4: ਸਰਵਰ ਸਾਈਡ ਰੇਂਡਰਿੰਗ ਲਾਗੂ ਕਰਨਾ
TacoTranslate ਤੁਹਾਡੀਆਂ ਅਨੁਵਾਦਾਂ ਦੀ ਸਰਵਰ ਸਾਈਡ ਰੈਂਡਰਿੰਗ ਦੀ ਸਹੂਲਤ ਦਿੰਦਾ ਹੈ। ਇਸ ਨਾਲ ਉਪਭੋਗਤਾ ਅਨੁਭਵ ਕਾਫੀ ਸੁਧਰ ਜਾਂਦਾ ਹੈ ਕਿਉਂਕਿ ਤੁਰੰਤ ਅਨੁਵਾਦਿਤ ਸਮੱਗਰੀ ਦਿਖਾਈ ਜਾਂਦੀ ਹੈ, ਨਾ ਕਿ ਪਹਿਲਾਂ ਅਨਅਨੁਵਾਦਿਤ ਸਮੱਗਰੀ ਦਾ ਇੱਕ ਛਿਨਕਾ। ਇਸ ਦੇ ਨਾਲ, ਅਸੀਂ ਕਲਾਇੰਟ 'ਤੇ ਨੈੱਟਵਰਕ ਬੇਨਤੀ ਛੱਡ ਸਕਦੇ ਹਾਂ, ਕਿਉਂਕਿ ਸਾਡੇ ਕੋਲ ਪਹਿਲਾਂ ਹੀ ਸਾਰੇ ਲੋੜੀਂਦੇ ਅਨੁਵਾਦ ਮੌਜੂਦ ਹਨ।
ਅਸੀਂ ਸ਼ੁਰੂ ਕਰਾਂਗੇ /next.config.js
ਬਣਾਉਣ ਜਾਂ ਸੋਧਣ ਨਾਲ।
const withTacoTranslate = require('tacotranslate/next/config').default;
const tacoTranslateClient = require('./tacotranslate-client');
module.exports = async () => {
const config = {};
return withTacoTranslate(config, {
client: tacoTranslateClient,
isProduction:
process.env.TACOTRANSLATE_ENV === 'production' ||
process.env.VERCEL_ENV === 'production' ||
(!(process.env.TACOTRANSLATE_ENV || process.env.VERCEL_ENV) &&
process.env.NODE_ENV === 'production'),
});
};
ਆਪਣੇ ਸੈਟਅਪ ਦੇ ਅਨੁਕੂਲ isProduction
ਚੈੱਕ ਨੂੰ ਬਦਲੋ। ਜੇ true
ਹੈ, ਤਾਂ TacoTranslate ਪਬਲਿਕ API ਕੀ ਨੂੰ ਸਤਹ ਤੇ ਲਿਆਏਗਾ। ਜੇ ਅਸੀਂ ਕੰਮ ਕਰਨ ਵਾਲੇ, ਟੈਸਟ ਜਾਂ ਸਟੇਜਿੰਗ ਵਾਤਾਵਰਨ ਵਿੱਚ ਹਾਂ (isProduction
is false
) ਤਾਂ ਅਸੀਂ ਨਵੀਂ ਸਤਰਾਂ ਦੇ ਅਨੁਵਾਦ ਲਈ ਖੁਫੀਆ read/write
API ਕੀ ਦੀ ਵਰਤੋਂ ਕਰਾਂਗੇ।
ਹੁਣ ਤੱਕ, ਅਸੀਂ ਸਿਰਫ਼ Next.js ਐਪਲੀਕੇਸ਼ਨ ਨੂੰ ਸਮਰਥਿਤ ਭਾਸ਼ਾਵਾਂ ਦੀ ਇੱਕ ਸੂਚੀ ਨਾਲ ਸੈੱਟ ਕੀਤਾ ਹੈ। ਅਗਲਾ ਕੰਮ ਜੋ ਅਸੀਂ ਕਰਾਂਗੇ, ਉਹ ਤੁਹਾਡੇ ਸਾਰੇ ਪੰਨਿਆਂ ਲਈ ਅਨੁਵਾਦ ਲੈਣਾ ਹੈ। ਇਸ ਕਰਨ ਲਈ, ਤੁਸੀਂ ਆਪਣੀਆਂ ਜ਼ਰੂਰਤਾਂ ਅਨੁਸਾਰ ਜਾਂ ਤਾ getTacoTranslateStaticProps
ਜਾਂ getTacoTranslateServerSideProps
ਦੀ ਵਰਤੋਂ ਕਰੋਗੇ।
ਇਹ ਫੰਕਸ਼ਨ ਤਿੰਨ ਆਰਗੂਮੈਂਟ ਲੈਂਦੇ ਹਨ: ਇੱਕ Next.js Static Props Context ਔਬਜੈਕਟ, TacoTranslate ਲਈ ਕੰਫਿਗਰੇਸ਼ਨ, ਅਤੇ ਵਿਕਲਪਿਕ Next.js ਗੁਣ। ਧਿਆਨ ਦਿਓ ਕਿ revalidate
getTacoTranslateStaticProps
'ਤੇ ਡਿਫ਼ੌਲਟ ਤੌਰ 'ਤੇ 60 'ਤੇ ਸੈਟ ਕੀਤਾ ਗਿਆ ਹੈ, ਤਾਂ ਜੋ ਤੁਹਾਡੇ ਅਨੁਵਾਦ ਤਾਜ਼ਾ ਰਹਿਣ।
ਕਿਸੇ ਵੀ ਫੰਕਸ਼ਨ ਨੂੰ ਇੱਕ ਪੇਜ਼ ਵਿੱਚ ਵਰਤਣ ਲਈ, ਚੱਲੋ ਮਾਨ ਲੈਂਦੇ ਹਾਂ ਕਿ ਤੁਹਾਡੇ ਕੋਲ /pages/hello-world.tsx
ਵਰਗਾ ਇੱਕ ਪੇਜ਼ ਫਾਇਲ ਹੈ।
import {Translate} from 'tacotranslate/react';
import getTacoTranslateStaticProps from 'tacotranslate/next/get-static-props';
import tacoTranslateClient from '../tacotranslate-client';
export async function getStaticProps(context) {
return getTacoTranslateStaticProps(context, {client: tacoTranslateClient});
}
export default function Page() {
return <Translate string="Hello, world!"/>;
}
ਹੁਣ ਤੁਹਾਨੂੰ ਆਪਣੇ ਸਾਰੇ React ਕੰਪੋਨੈਂਟਾਂ ਵਿੱਚ Translate
ਕੰਪੋਨੈਂਟ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਸਤਰਾਂ ਦਾ ਅਨੁਵਾਦ ਕਰਨ ਦੇ ਯੋਗ ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ।
import {Translate} from 'tacotranslate/react';
function Component() {
return <Translate string="Hello, world!"/>
}
ਕਦਮ 5: ਤैनਾਤ ਕਰੋ ਅਤੇ ਟੈਸਟ ਕਰੋ!
ਅਸੀਂ ਮੁਕੰਮਲ ਕਰ ਲਈ ਹੈ! ਤੁਹਾਡਾ React ਐਪਲੀਕੇਸ਼ਨ ਹੁਣ ਆਪਣੇ آپ ਆਪ ਤਰਜਮਾ ਕੀਤਾ ਜਾਵੇਗਾ ਜਦੋਂ ਤੁਸੀਂ ਕਿਸੇ ਵੀ ਸਤਰ ਨੂੰ Translate
ਕੌਂਪੋਨੈਂਟ ਵਿੱਚ ਜੋੜੋਗੇ। ਧਿਆਨ ਰਹੇ ਕਿ ਸਿਰਫ ਉਹੀ ਵਾਤਾਵਰਣ ਜਿਨ੍ਹਾਂ ਕੋਲ API ਕੁੰਜੀ 'ਤੇ read/write
ਅਧਿਕਾਰ ਹਨ, ਨਵੇਂ ਸਤਰ ਬਣਾਉਣ ਦੇ ਲਾਇਕ ਹੋਣਗੇ। ਅਸੀਂ ਇੱਕ ਬੰਦ ਅਤੇ ਸੁਰੱਖਿਅਤ ਸਟੇਜਿੰਗ ਵਾਤਾਵਰਣ ਦੀ ਸਿਫਾਰਸ਼ ਕਰਦੇ ਹਾਂ ਜਿੱਥੇ ਤੁਸੀਂ ਆਪਣੀ ਪ੍ਰੋਡਕਸ਼ਨ ਐਪਲੀਕੇਸ਼ਨ ਨੂੰ ਉਹਨਾਂ ਤਰ੍ਹਾਂ API ਕੁੰਜੀ ਨਾਲ ਟੈਸਟ ਕਰ ਸਕਦੇ ਹੋ, ਜੀਵੰਤ ਹੋਣ ਤੋਂ ਪਹਿਲਾਂ ਨਵੇਂ ਸਤਰ ਜੋੜਦੇ ਹੋਏ। ਇਸ ਨਾਲ ਕਿਸੇ ਵੀ ਵਿਅਕਤੀ ਨੂੰ ਤੁਹਾਡੀ ਗੋਪਨੀਯਤ API ਕੁੰਜੀ ਚੋਰੀ ਕਰਨ ਤੋਂ ਰੋਕਿਆ ਜਾਵੇਗਾ, ਅਤੇ ਸੰਭਾਵਤ ਤੌਰ 'ਤੇ ਤੁਹਾਡੇ ਤਰਜਮਾ ਪ੍ਰੋਜੈਕਟ ਨੂੰ ਨਵੇਂ, ਬੇਸਮਝ ਸਤਰ ਜੋੜ ਕੇ ਭਾਰੀ ਕਰਨ ਤੋਂ ਬਚਾਇਆ ਜਾਵੇਗਾ।
ਸਾਡੀ GitHub ਪ੍ਰੋਫਾਈਲ ਉੱਤੇ ਪੂਰਾ ਉਦਾਹਰਨ ਜਰੂਰ ਵੇਖੋ. ਓਥੇ, ਤੁਸੀਂ ਇਹ ਵੀ ਵੇਖ ਸਕਦੇ ਹੋ ਕਿ ਇਸ ਨੂੰ App Router ਵਰਤ ਕੇ ਕਿਵੇਂ ਕਰਨਾ ਹੈ! ਜੇ ਤੁਹਾਨੂੰ ਕਿਸੇ ਸਮੱਸਿਆ ਦਾ ਸਾਹਮਣਾ ਕਰਨਾ ਪਵੇ, ਤਾਂ ਬੇਝਿਝਕ ਸਾਡੇ ਨਾਲ ਸੰਪਰਕ ਕਰੋ, ਅਤੇ ਅਸੀਂ ਖੁਸ਼ ਹਾਂ ਕਿ ਤੁਹਾਡੀ ਮਦਦ ਕਰ ਸਕੀਏ।
TacoTranslate ਤੁਹਾਨੂੰ ਆਪਣੇ React ਐਪਲੀਕੇਸ਼ਨਾਂ ਨੂੰ 75 ਤੋਂ ਵੱਧ ਭਾਸ਼ਾਵਾਂ ਵਿੱਚ ਤੇਜ਼ੀ ਨਾਲ ਆਟੋਮੈਟਿਕ ਤੌਰ ਤੇ ਲੋਕਲਾਈਜ਼ ਕਰਨ ਦੀ ਆਗਿਆ ਦਿੰਦਾ ਹੈ। ਅੱਜ ਹੀ ਸ਼ੁਰੂ ਕਰੋ!