এআই অনুবাদের সাথে দ্রুত সাইটগুলি
আপনার নিজের স্ট্যাটিক সাইট নির্মাণ করুন একাধিক ভাষায়। AI টুলিংয়ের সাথে সহজেই!
এটি একাধিক ভাষায় স্থির সাইট তৈরি করার জন্য একটি বয়লপ্লেট প্রকল্প। এটি অনুবাদের জন্য i18next ব্যবহার করে এবং একটি কাস্টম ভাষা স্যুইচার অন্তর্ভুক্ত করে। এটি একটি সাইটম্যাপ জেনারেটর এবং একটি robots.txt জেনারেটরও অন্তর্ভুক্ত করেছে। HTML এর ভ্যালিডেশন অন্তর্ভুক্ত।
আপনাকে ১টি ভাষা থেকে ২০+ ভাষায় যাওয়ার জন্য সাহায্য করছি
ফ্রেমওয়ার্কে একটি ভাষা পরিবর্তক অন্তর্নির্মিত রয়েছে। আপনি ড্রপ ডাউন বা ফুটারে লিংকের মাধ্যমে যে কোনো ভাষায় পরিবর্তন করতে পারেন। এই সাইটটি কীভাবে দেখায় তার একটি উদাহরণ।
একক পৃষ্ঠার বিষয়বস্তু আলাদাভাবে রয়েছে, পাশাপাশি ইউআরএলও পরিবর্তিত হয়। একটি সাইটম্যাপে সকল ভাষার জন্য লিঙ্কগুলি অন্তর্ভুক্ত করে, যাতে অনুসন্ধান ইঞ্জিনগুলি সহজে বিষয়বস্তু খুঁজে পেতে পারে। robots.txt ফাইলটিও সমন্বয় করা হয়েছে, যাতে অনুসন্ধান ইঞ্জিনগুলি সাইটটি পরিদর্শন করতে পারে।
দ্রুত এবং নিরাপদ সাইটগুলি
একটি স্ট্যাটিক সাইট জেনারেটর হিসেবে, আউটপুট খুব ছোট রাখা হয়। আমার অনেক সাইটে, প্রতিটি HTML ফাইল প্রায় 20KB আকারে থাকে। এটি আপনার সাইটকে লোড করতে খুব দ্রুত করে তোলে। আপনি এখানে গিথুব রেপোজিটরিতে প্রবেশাধিকার এবং ভবিষ্যৎ আপডেটগুলি কিনতে পারেন।
আপনার জন্য এটি সম্পন্ন করতে চান?
আমি একটি একক HTML ফাইল নেব যা অন্তর্নির্মিত JavaScript সহ রয়েছে এবং এর জন্য অনুবাদ পৃষ্ঠাগুলি প্রদান করব। অনুবাদগুলি AI দ্বারা তৈরি হবে এবং সম্পূর্ণরূপে মানব পরীক্ষিত হবে না। সোর্স কোড এবং ফলস্বরূপ HTML ফাইল সরবরাহ করা হবে।
আমি একটি ১০ পৃষ্ঠার সাইট কনভার্সনও প্রদান করতে পারি।
সরল কোড
export async function IndexPages(): Promise<FileResult[]> {
return renderLanguageFiles({
subDirectoryInEnglish: undefined,
fileNameInEnglish: undefined,
includeInSitemap: true,
render: (props) => Index(props),
});
}
return Layout({
lang: props.option.code,
title: title,
description: metaDescription,
languageOptions: props.allOptions,
content: /* HTML */ `
<h1>${i18next.t("Fast Sites with AI Translations")}</h1>
<p>
${i18next.t("Build your own static site with multiple languages. Made easy with AI tooling!")}
</p>
[...]
`
})(async () => {
await StaticSiteBuild({
baseUrl: "https://www.globalsites.ai",
files: [
await IndexPages(),
await ContactUsPages(),
await FAQPages(),
await PrivacyPolicyPages(),
await CopyStaticFiles(),
],
translationSource: "GoogleTranslate",
forceFileWrite: !devFlagPresent,
validationOptions: {
HTML: devFlagPresent ? "Sample" : "Full",
internalURLs: true,
skipUrls: [
"sitemap.xml",
"robots.txt",
"404/",
],
},
startTime: startTime,
});
})();[---------------------------------------------
… Starting build for https://www.globalsites.ai
… Skipping 90 files with no changes
… Verifying HTML is valid
✓ Finished verifying 10 HTML files
… Verifying internal URLs
✓ No internal URL errors found
✓ Done in 428 ms with 94 files
---------------------------------------------]TypeScript ডেভেলপারদের জন্য একটি সংক্ষিপ্ত পর্যালোচনা ভিডিওর জন্য দেখুন:
ঘন ঘন জিজ্ঞাসা করা প্রশ্নগুলি
গ্লোবাল সাইটস (জীবনকাল) এ কি অন্তর্ভুক্ত রয়েছে?
একটি বয়লারপ্লেট ফাইলের সেট যা আপনাকে একাধিক ভাষায় স্থির সাইট নির্মাণ করতে সহায়তা করবে। এছাড়াও, আপডেট এবং সমর্থনের জন্য রেপোজিটরিতে প্রবেশাধিকার।
এটি কি রিঅ্যাক্ট বা নেক্সটজেএস দিয়ে তৈরি হয়েছে?
না, এটা তা নয়। ধারণাগুলি রিয়্যাক্ট জানেন এমনদের জন্য সহজে বোঝা যায় কিন্তু এটি অনুবাদের জন্য i18next ব্যবহার করে এবং স্ট্রিং ভিত্তিক টেমপ্লেট সংজ্ঞার জন্য। এই বয়লারপ্লেটের সাথে সামঞ্জস্য এবং উন্নয়নের সহজতার জন্য সরঞ্জামগুলি রয়েছে।
আপনার ফেরত নীতি কী?
আপনি রিপোজিটরিতে প্রবেশাধিকার পান এবং তাই রিফান্ড করা সম্ভব নয়।
গভীর তথ্যভাণ্ডার থেকে প্রবেশ পাওয়ার জন্য কত সময় লাগে?
আমি বর্তমানে হাত দ্বারা অ্যাক্সেস যোগ করি। আমি তাদের খুব দ্রুত যোগ করার চেষ্টা করি। সার্বিকভাবে, এটি এক ব্যবসায়িক দিনের মধ্যে হওয়া উচিত। (ওহাইও, মার্কিন যুক্তরাষ্ট্রে ভিত্তিক)
একাধিক ভাষা পার্থক্য তৈরি করে?
হ্যাঁ, আমার পরীক্ষায় আমি আমার ট্রাফিকের প্রায় অর্ধেক অ-ইংরেজি পৃষ্ঠায় যাচ্ছে। আমার পৃষ্ঠাগুলি আরও ট্রাফিক পেলে আমার কাছে আরও তথ্য থাকবে।
আমি কি আপনার কোন থিম ব্যবহার করতে হবে?
না। একটি মৌলিক থিম অন্তর্ভুক্ত করা হয়েছে, কিন্তু আমি এটি এই সরঞ্জামের প্রধান মান হিসাবে দেখছি না। অন্যান্য যন্ত্রগুলি উচ্চমানের থিমে বিশেষজ্ঞ।