مواقع سريعة مع ترجمات بالذكاء الاصطناعي

قم ببناء موقع ثابت خاص بك بلغات متعددة. سهل بفضل أدوات الذكاء الاصطناعي!

هذا مشروع نموذج أولي لبناء مواقع ثابتة بلغات متعددة. يستخدم i18next للترجمات، ومبدل لغة مخصص. كما يتضمن مولد خريطة موقع، ومولد robots.txt. تم تضمين التحقق من صحة HTML بشكل كامل.

مساعدتك في الانتقال من لغة واحدة إلى أكثر من 20 لغة

مضمن في الإطار هو مبدل للغات. يمكنك التبديل إلى أي من اللغات إما من خلال قائمة منسدلة أو روابط في تذييل الصفحة. هذا الموقع هو مثال على كيفية ظهور ذلك.

ليس المحتوى مختلفًا فقط من صفحة إلى أخرى، ولكن الروابط URLs أيضًا معدلة. يتم بناء خريطة الموقع مع روابط لجميع اللغات حتى تتمكن محركات البحث من العثور على المحتوى بسهولة. كما تم تعديل ملف robots.txt للسماح لمحركات البحث بفحص الموقع.

مواقع سريعة وآمنة

كمنشئ مواقع ثابتة، يتم الحفاظ على حجم المخرج صغيرًا جدًا. في العديد من مواقعي، يبلغ حجم كل ملف HTML حوالي 20 كيلوبايت. هذا يجعل موقعك سريعًا جدًا في التحميل. يمكنك شراء الوصول إلى مستودعات جيثب والتحديثات المستقبلية من هنا.

هل تريد أن يتم إنجازه لك؟

سأستخدم ملف HTML واحد مع JavaScript مضمن وسأقوم بتوفير صفحات ترجمة له. ستتم الترجمة باستخدام الذكاء الاصطناعي وليست مراجعة بشرية بالكامل. سيتم توفير شفرة المصدر والملفات الناتجة بصيغة HTML.

يمكنني أيضًا تقديم تحويل لموقع من 10 صفحات.

كود بسيط

TypeScript - pages/IndexPages.ts
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>
    [...]
    `
})
TypeScript - build.ts
(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,
  });
})();
سطر الأوامر - output
[---------------------------------------------
… 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، انظر:

الأسئلة المتكررة

ما الذي يحتوي عليه Global Sites (مدى الحياة)؟

مجموعة قوالب من الملفات لمساعدتك في بناء مواقع ثابتة متعددة اللغات. أيضًا، الوصول إلى المستودع للتحديثات والدعم.

هل تم بناء هذا باستخدام React أم NextJS؟

لا، ليس كذلك. المفاهيم مفهومة بسهولة من قبل الذين يعرفون React، لكنها تستخدم i18next للترجمات وتعريفات القوالب المعتمدة على السلاسل النصية. هناك أدوات من أجل الاتساق وسهولة التطوير مع هذا الهيكل الأساسي.

ما هي سياسة الإرجاع الخاصة بك؟

ستحصل على وصول إلى المستودع، وبالتالي لا يمكن استرداد الأموال.

كم من الوقت يستغرق الحصول على الوصول إلى المستودع؟

أقوم بإضافة الوصول يدويًا حاليًا. أحاول إضافته بسرعة كبيرة. في أسوأ الأحوال، يجب أن يكون ذلك في غضون يوم عمل واحد. (مقرها في أوهايو، الولايات المتحدة الأمريكية)

هل تصنع اللغات المتعددة فرقًا؟

نعم، في اختباري أحصل على حوالي نصف زائري على صفحات غير إنجليزية. يجب أن أتمكن من الحصول على مزيد من المعلومات عندما تتلقى صفحاتي المزيد من الحركة.

هل أحتاج إلى استخدام أحد قوالبكم؟

لا. بينما يتم تضمين سمة أساسية، لا أرى ذلك كقيمة رئيسية لهذه الأداة. الآخرون متخصصون في السمات عالية الجودة.