ਜਿਹੜੀ Next.js ਐਪਲੀਕੇਸ਼ਨ Pages Router ਵਰਤ ਰਹੀ ਹੈ, ਉਸ ਵਿੱਚ ਅੰਤਰਰਾਸ਼ਟਰੀਕਰਨ ਨੂੰ ਕਿਵੇਂ ਲਾਗੂ ਕੀਤਾ ਜਾਵੇ?
ਆਪਣੇ 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 keys ਟੈਬ ਤੇ ਜਾਓ। ਇੱਕ read
ਕੀ ਬਣਾਓ, ਅਤੇ ਇੱਕ read/write
ਕੀ ਬਣਾਓ। ਅਸੀਂ ਉਹਨਾਂ ਨੂੰ environment variables ਵਜੋਂ ਸੇਵ ਕਰਾਂਗੇ। read
ਕੀ ਨੂੰ ਅਸੀਂ public
ਕਹਿੰਦੇ ਹਾਂ ਅਤੇ read/write
ਕੀ secret
ਹੈ। ਉਦਾਹਰਨ ਵਜੋਂ, ਤੁਸੀਂ ਉਹਨਾਂ ਨੂੰ ਆਪਣੇ ਪ੍ਰੋਜੈਕਟ ਦੀ ਰੂਟ ਵਿੱਚ ਮੌਜੂਦ .env
ਫਾਈਲ ਵਿੱਚ ਜੋੜ ਸਕਦੇ ਹੋ।
TACOTRANSLATE_PUBLIC_API_KEY=123456
TACOTRANSLATE_SECRET_API_KEY=789010
ਸੁਨਿਸ਼ਚਿਤ ਕਰੋ ਕਿ ਰਾਜ਼ read/write
API ਕੀ ਨੂੰ ਕਦੇ ਵੀ ਕਲਾਇੰਟ-ਸਾਈਡ ਪ੍ਰੋਡਕਸ਼ਨ ਵਾਤਾਵਰਨਾਂ ਵਿੱਚ ਲੀਕ ਨਾ ਕਰੋ।
ਅਸੀਂ ਹੋਰ ਦੋ ਵਾਤਾਵਰਣ ਵੈਰੀਏਬਲ ਵੀ ਜੋੜਾਂਗੇ: TACOTRANSLATE_DEFAULT_LOCALE
ਅਤੇ TACOTRANSLATE_ORIGIN
.
TACOTRANSLATE_DEFAULT_LOCALE
: ਡਿਫੌਲਟ ਫਾਲਬੈਕ ਲੋਕੇਲ ਕੋਡ। ਇਸ ਉਦਾਹਰਨ ਵਿੱਚ ਅਸੀਂ ਇਸਨੂੰen
(ਅੰਗਰੇਜ਼ੀ ਲਈ) 'ਤੇ ਸੈੱਟ ਕਰਾਂਗੇ।TACOTRANSLATE_ORIGIN
: ਉਹ "ਫੋਲਡਰ" ਜਿੱਥੇ ਤੁਹਾਡੀਆਂ ਸਤਰਾਂ ਸਟੋਰ ਕੀਤੀਆਂ ਜਾਣਗੀਆਂ, ਉਦਾਹਰਨ ਵੱਜੋਂ ਤੁਹਾਡੀ ਵੈਬਸਾਈਟ ਦਾ URL। Origins ਬਾਰੇ ਹੋਰ ਜਾਣਕਾਰੀ ਇੱਥੇ ਪੜ੍ਹੋ.
TACOTRANSLATE_DEFAULT_LOCALE=en
TACOTRANSLATE_ORIGIN=your-website-url.com
Step 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: ਤੈਨਾਤ ਕਰੋ ਅਤੇ ਟੈਸਟ ਕਰੋ!
ਅਸੀਂ ਮੁਕੰਮਲ ਕਰ ਲਿਆ! ਜਦੋਂ ਤੁਸੀਂ ਕਿਸੇ Translate
ਕੰਪੋਨੈਂਟ ਵਿੱਚ ਕੋਈ ਸਤਰ ਜੋੜੋਗੇ, ਤੁਹਾਡੀ React ਐਪਲੀਕੇਸ਼ਨ ਹੁਣ ਆਟੋਮੈਟਿਕ ਤੌਰ 'ਤੇ ਅਨੁਵਾਦ ਹੋ ਜਾਵੇਗੀ। ਧਿਆਨ ਰੱਖੋ ਕਿ ਕੇਵਲ ਉਹ ਮਾਹੌਲ ਜਿਨ੍ਹਾਂ ਕੋਲ API ਕੀ 'ਤੇ read/write
ਅਨੁਮਤੀਆਂ ਹਨ, ਨਵੇਂ ਅਨੁਵਾਦ ਲਈ ਸਤਰ ਬਣਾਉਣ ਦੇ ਯੋਗ ਹੋਣਗੇ। ਅਸੀਂ ਸੁਝਾਅ ਦਿੰਦੇ ਹਾਂ ਕਿ ਤੁਹਾਡੇ ਕੋਲ ਇੱਕ ਬੰਦ ਅਤੇ ਸੁਰੱਖਿਅਤ ਸਟੇਜਿੰਗ ਮਾਹੌਲ ਹੋਵੇ, ਜਿੱਥੇ ਤੁਸੀਂ ਉਸ ਤਰ੍ਹਾਂ ਦੀ API ਕੀ ਨਾਲ ਆਪਣੀ ਪ੍ਰੋਡਕਸ਼ਨ ਐਪਲੀਕੇਸ਼ਨ ਦੀ ਜਾਂਚ ਕਰ ਸਕੋ ਅਤੇ ਲਾਈਵ ਹੋਣ ਤੋਂ ਪਹਿਲਾਂ ਨਵੇਂ ਸਤਰ ਜੋੜ ਸਕੋ। ਇਸ ਨਾਲ ਕੋਈ ਵੀ ਤੁਹਾਡੇ ਗੁਪਤ API ਕੀ ਨੂੰ ਚੋਰੀ ਕਰਨ ਤੋਂ ਰੋਕਿਆ ਜਾਵੇਗਾ, ਅਤੇ ਨਵੇਂ, ਅਣਸਬੰਧਤ ਸਤਰ ਜੋੜ ਕੇ ਤੁਹਾਡੇ ਅਨੁਵਾਦ ਪ੍ਰੋਜੈਕਟ ਨੂੰ ਬੇਕਾਰ ਤੌਰ 'ਤੇ ਫੁੱਲਾਉਣ ਤੋਂ ਵੀ ਰੋਕਿਆ ਜਾਵੇਗਾ।
ਨਿਸ਼ਚਿਤ ਰੂਪ ਵਿੱਚ ਸਾਡੇ GitHub ਪ੍ਰੋਫਾਈਲ 'ਤੇ ਪੂਰਾ ਉਦਾਹਰਨ ਵੇਖੋ। ਉਥੇ, ਤੁਹਾਨੂੰ ਇਹ ਕਰਨ ਲਈ App Router ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਇੱਕ ਉਦਾਹਰਨ ਵੀ ਮਿਲੇਗੀ! ਜੇ ਤੁਸੀਂ ਕਿਸੇ ਸਮੱਸਿਆ ਦਾ ਸਾਹਮਣਾ ਕਰਦੇ ਹੋ, ਤਾਂ ਬੇਝਿਝਕ ਸੰਪਰਕ ਕਰੋ, ਅਤੇ ਅਸੀਂ ਮਦਦ ਕਰਨ ਲਈ ਬਹੁਤ ਖੁਸ਼ ਹੋਵਾਂਗੇ।
TacoTranslate ਤੁਹਾਡੇ React ਐਪਲੀਕੇਸ਼ਨਾਂ ਨੂੰ ਆਟੋਮੈਟਿਕ ਤੌਰ 'ਤੇ 75 ਤੋਂ ਵੱਧ ਭਾਸ਼ਾਵਾਂ ਵਿੱਚ ਅਤੇ ਉਹਨਾਂ ਤੋਂ ਤੇਜ਼ੀ ਨਾਲ ਲੋਕਲਾਈਜ਼ ਕਰਨ ਦੀ ਸਹੂਲਤ ਦਿੰਦਾ ਹੈ। ਅੱਜ ਹੀ ਸ਼ੁਰੂ ਕਰੋ!