TacoTranslate
/
ডকুমেন্টেশনমূল্য নির্ধারণ
 
নিবন্ধ
০৪ মে

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

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

কেন React এর জন্য TacoTranslate নির্বাচন করবেন?

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

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

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 ব্যবহার করার সুবিধাসমূহ

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

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

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

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

Be sure to check out the complete examples over at our GitHub profile. If you encounter any problems, feel free to reach out, and we’ll be more than happy to help.

TacoTranslate lets you automatically localize your React applications quickly to and from over 75 languages. Translate for free!

একটি পণ্য Nattskiftet থেকেনরওয়েতে তৈরি