রিঅ্যাক্ট অ্যাপ্লিকেশনগুলির জন্য সহজসাধ্য লোকালাইজেশন

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

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 কী ক্লায়েন্ট সাইড প্রোডাকশন পরিবেশে ফাঁস করবেন না।

TacoTranslate সেটআপ করা হচ্ছে

আপনার React অ্যাপ্লিকেশনটিকে TacoTranslate context provider দ্বারা আবৃত করে 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 কম্পোনেন্টে কোন স্ট্রিংস যোগ করবেন। লক্ষ্য করুন যে শুধুমাত্র সেই পরিবেশগুলি যাদের কাছে read/write অনুমতি রয়েছে API কী-তে, তারা নতুন স্ট্রিংস তৈরি করতে পারবে যেগুলো অনুবাদ করা হবে।

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

অবশ্যই আমাদের গিটহাব প্রোফাইলে সম্পূর্ণ উদাহরণগুলো দেখুন। যদি কোনো সমস্যা হয়, দয়া করে যোগাযোগ করুন, এবং আমরা সাহায্য করতে খুশি হবো।

TacoTranslate আপনাকে আপনার React অ্যাপ্লিকেশনগুলো দ্রুত যেকোনো ভাষায় এবং যেকোনো ভাষা থেকে স্বয়ংক্রিয়ভাবে লোকালাইজ করতে সাহায্য করে। বিনামূল্যে অনুবাদ করুন!