React অ্যাপ্লিকেশনগুলির জন্য ঝামেলাহীন স্থানীয়করণ

আপনি কি আপনার React অ্যাপটি নতুন বাজারে সম্প্রসারিত করতে চান? TacoTranslate আপনার React অ্যাপগুলোকে লোকালাইজ করা অত্যন্ত সহজ করে তোলে, ফলে আপনি ঝামেলা ছাড়াই বিশ্বব্যাপী দর্শকদের কাছে পৌঁছাতে পারবেন।

React-এর জন্য কেন TacoTranslate বেছে নেবেন?

নিরবচ্ছিন্ন ইন্টিগ্রেশন: React অ্যাপ্লিকেশনগুলির জন্য বিশেষভাবে ডিজাইন করা হয়েছে, TacoTranslate আপনার বিদ্যমান ওয়ার্কফ্লোতে সহজেই একত্রীভূত হয়।
স্বয়ংক্রিয় স্ট্রিং সংগ্রহ: আর ম্যানুয়ালি JSON ফাইলগুলো পরিচালনা করার দরকার নেই। TacoTranslate আপনার কোডবেস থেকে স্বয়ংক্রিয়ভাবে স্ট্রিংগুলো সংগ্রহ করে।
এআই-চালিত অনুবাদ: আপনার অ্যাপ্লিকেশনের টোনের সাথে খাপ খাওয়াতে প্রাসঙ্গিকভাবে সঠিক অনুবাদ প্রদান করতে এআই-এর শক্তি কাজে লাগান।
তাত্ক্ষণিক ভাষা সহায়তা: মাত্র একটি ক্লিকে নতুন ভাষার জন্য সমর্থন যোগ করুন, যাতে আপনার অ্যাপ্লিকেশন বিশ্বব্যাপী প্রবেশযোগ্য হয়ে ওঠে।

এটি কীভাবে কাজ করে

npm ব্যবহার করে TacoTranslate প্যাকেজ ইনস্টল করুন:

npm install tacotranslate

মডিউলটি ইনস্টল করে নিলে, আপনাকে একটি TacoTranslate অ্যাকাউন্ট, একটি অনুবাদ প্রকল্প, এবং সংশ্লিষ্ট API কীসমূহ তৈরি করতে হবে। এখানে একটি অ্যাকাউন্ট তৈরি করুন। এটি বিনামূল্যের, এবং এতে ক্রেডিট কার্ড যোগ করার প্রয়োজন নেই।

TacoTranslate অ্যাপ্লিকেশনের UI-তে একটি প্রজেক্ট তৈরি করুন এবং এর API keys ট্যাবে যান। একটি read কী এবং একটি read/write কী তৈরি করুন। আমরা এগুলোকে পরিবেশ ভেরিয়েবল হিসেবে সংরক্ষণ করব। read কীকে আমরা public বলি, আর read/write কীটি হচ্ছে secret. উদাহরণস্বরূপ, আপনি এগুলো আপনার প্রজেক্টের রুটে থাকা .env ফাইলে যোগ করতে পারেন।

আপনাকে আরও দুটি পরিবেশ ভেরিয়েবল যোগ করতে হবে: TACOTRANSLATE_DEFAULT_LOCALE এবং TACOTRANSLATE_ORIGIN.

TACOTRANSLATE_DEFAULT_LOCALE: ডিফল্ট ফলব্যাক লোকেল কোড। এই উদাহরণে, আমরা এটিকে en (ইংরেজি) হিসেবে সেট করব।
TACOTRANSLATE_ORIGIN: সেই “ফোল্ডার” যেখানে আপনার স্ট্রিংগুলো সংরক্ষিত হবে, যেমন আপনার ওয়েবসাইটের URL। এখানে উৎসসমূহ সম্পর্কে আরও পড়ুন।

.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 ব্যবহারের সুবিধা

Time saving: লোকালাইজেশন এবং স্ট্রিং সংগ্রহের ক্লান্তিকর প্রক্রিয়াকে স্বয়ংক্রিয় করে, আপনার মূল্যবান সময় বাঁচায়।
Cost-effective: ম্যানুয়াল অনুবাদের প্রয়োজন কমায়, ফলে আপনার লোকালাইজেশনের খরচ কমে।
Improved accuracy: এআই-চালিত অনুবাদ প্রাসঙ্গিকভাবে নির্ভুল এবং উচ্চমানের ফলাফল নিশ্চিত করে।
Scalable Solution: আপনার অ্যাপ্লিকেশন ও গ্রাহক ভিত্তি বাড়ার সঙ্গে সঙ্গে সহজেই নতুন ভাষার সমর্থন যোগ করা যায়।

আজই শুরু করুন!

আপনার React অ্যাপ্লিকেশনটি Translate কম্পোনেন্টে যে কোনো স্ট্রিং যোগ করলে স্বয়ংক্রিয়ভাবে অনুবাদ করা হবে। দ্রষ্টব্য: শুধুমাত্র API কী-তে read/write অনুমতি থাকা পরিবেশগুলোই অনুবাদ করার জন্য নতুন স্ট্রিং তৈরি করতে পারবে।

আমরা পরামর্শ দিই যে একটি বন্ধ ও সুরক্ষিত স্টেজিং পরিবেশ রাখুন যেখানে আপনি আপনার প্রোডাকশন অ্যাপ্লিকেশন পরীক্ষা করতে পারবেন এবং লাইভ হওয়ার আগে নতুন স্ট্রিং যোগ করতে পারবেন। এটি কেউ কেউ আপনার গোপন API কী চুরি হওয়া থেকে প্রতিরোধ করবে, এবং অনিয়ন্ত্রিত স্ট্রিং যোগ করে আপনার অনুবাদ প্রকল্পকে সম্ভাব্যভাবে অতিরিক্তভাবে ফুলিয়ে তুলতে পারে।