রিঅ্যাক্ট অ্যাপ্লিকেশনের জন্য সহজীকৃত লোকালাইজেশন

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

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

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

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

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। অরিজিন সম্পর্কে আরও পড়ুন এখানে।

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

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

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

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

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