Situs Cepat dengan Terjemahan AI

Bangun situs statis Anda sendiri dengan beberapa bahasa. Mudah dilakukan dengan alat AI!

Ini adalah proyek boilerplate untuk membangun situs statis dengan beberapa bahasa. Ini menggunakan i18next untuk terjemahan, dan pengalih bahasa kustom. Ini juga menyertakan generator peta situs, dan generator robots.txt. Validasi HTML sudah terintegrasi.

Membantu Anda beralih dari 1 bahasa ke 20+ bahasa

Dibangun ke dalam kerangka kerja adalah pengalih bahasa. Anda dapat beralih ke salah satu dari bahasa dengan menggunakan menu tarik turun atau tautan di footer. Situs ini adalah contoh dari apa yang terlihat seperti itu.

Tidak hanya kontennya berbeda per halaman, tetapi URL juga disesuaikan. Peta situs dibuat dengan tautan untuk semua bahasa sehingga mesin pencari dapat dengan mudah menemukan kontennya. File robots.txt juga disesuaikan untuk memungkinkan mesin pencari merayapi situs.

Situs yang cepat dan aman

Sebagai generator situs statis, keluaran yang dihasilkan sangat kecil. Di banyak situs saya, setiap file HTML berukuran sekitar 20KB. Ini membuat situs Anda sangat cepat untuk dimuat. Anda dapat membeli akses ke repositori github dan pembaruan mendatang di sini.

Ingin itu dikerjakan untuk Anda?

Saya akan mengambil satu file HTML dengan JavaScript inline dan menyediakan halaman terjemahan untuk itu. Terjemahan akan dihasilkan oleh AI dan tidak sepenuhnya ditinjau oleh manusia. Kode sumber dan file HTML yang dihasilkan akan disediakan.

Saya juga dapat menyediakan konversi situs 10 halaman.

Kode yang jelas

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,
  });
})();
Baris Perintah - 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
---------------------------------------------]

Untuk video ringkas yang ditujukan bagi pengembang TypeScript, lihat:

Pertanyaan yang Sering Diajukan

Apa yang termasuk dalam Global Sites (Seumur Hidup)?

Sekumpulan file boilerplate untuk membantu Anda membangun situs statis dengan beberapa bahasa. Juga, akses ke repositori untuk pembaruan dan dukungan.

Apakah ini dibangun dengan React atau NextJS?

Tidak, itu tidak. Konsep konsep ini mudah dipahami oleh mereka yang tahu React tetapi menggunakan i18next untuk terjemahan dan definisi template berbasis string. Ada alat untuk konsistensi dan kemudahan pengembangan dengan boilerplate ini.

Apa kebijakan pengembalian Anda?

Anda mendapatkan akses ke repositori dan oleh karena itu pengembalian dana tidak mungkin dilakukan.

Berapa lama waktu yang dibutuhkan untuk mendapatkan akses ke repositori?

Saya menambahkan akses secara manual saat ini. Saya berusaha menambahkannya dengan sangat cepat. Paling lambat, seharusnya dalam satu hari kerja. (Berdasarkan di Ohio, AS)

Apakah banyak bahasa membuat perbedaan?

Ya, dalam tes saya, sekitar setengah dari lalu lintas saya pergi ke halaman yang tidak berbahasa Inggris. Saya akan memiliki lebih banyak informasi saat halaman saya mendapatkan lebih banyak lalu lintas.

Apakah saya perlu menggunakan salah satu tema Anda?

Tidak. Meskipun tema dasar disertakan, saya tidak melihat itu sebagai nilai utama dari alat ini. Yang lain berspesialisasi dalam tema berkualitas tinggi.