AI Çevirileri ile Hızlı Siteler

Kendi çok dilli statik sitenizi oluşturun. Yapay zeka araçlarıyla kolayca!

Bu, birden fazla dilde statik siteler oluşturmak için bir şablon proje. Çeviriler için i18next kullanıyor ve özel bir dil değiştirici içeriyor. Ayrıca bir site haritası oluşturucu ve bir robots.txt oluşturucu da içeriyor. HTML doğrulamaları yerleşik olarak bulunmaktadır.

1 dilden 20+ dile geçmenize yardımcı oluyoruz

Çerçevenin içine yerleştirilmiş bir dil değiştirme aracı vardır. Dilleri, bir açılır menü veya bir alt kısımda bulunan bağlantılar aracılığıyla değiştirebilirsiniz. Bu site, bunun neye benzediğine bir örnektir.

Sayfaların içeriği farklı olmakla kalmaz, aynı zamanda URL'ler de ayarlanır. Tüm diller için içerik bulması kolay olsun diye sitemap, bağlantılarla oluşturulur. Robots.txt dosyası da arama motorlarının siteyi taramasına izin vermek için ayarlanır.

Hızlı ve güvenli siteler

Bir statik site oluşturucu olarak, çıktı çok küçük tutulur. Birçok sitemde her HTML dosyası yaklaşık 20KB boyutunda. Bu, sitenizin yüklenmesini çok hızlı hale getirir. Buradan github depolarına ve gelecekteki güncellemelere erişim satın alabilirsiniz.

Sizin için yapılmasını mı istiyorsunuz?

Tek bir HTML dosyası alacağım ve içinde yerel JavaScript olan çeviri sayfaları sağlayacağım. Çeviriler yapay zeka tarafından oluşturulacak ve tam olarak insan gözetimi ile incelenmeyecek. Kaynak kodu ve sonuç olarak elde edilen HTML dosyaları sağlanacak.

Ayrıca 10 sayfalık bir site dönüşümünü de sağlayabilirim.

Açık ve basit kod

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,
  });
})();
Komut Satırı - 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 geliştiricilerine yönelik kısa bir tanıtım videosu için bakın:

Sıkça Sorulan Sorular

Global Sites (Ömür Boyu) içinde neler var?

Birden fazla dil ile statik siteler oluşturmanıza yardımcı olmak için bir dizi şablon dosyası. Ayrıca, güncellemeler ve destek için depoya erişim.

Bu React mı yoksa NextJS ile mi yapıldı?

Hayır, değil. Kavramlar React'ı bilenler tarafından kolayca anlaşılmaktadır ama çeviriler ve dize tabanlı şablon tanımlamaları için i18next kullanır. Bu şablon ile birlikte tutarlılık ve gelişim kolaylığı sağlamak için araçlar bulunmaktadır.

İade politikası nedir?

Depoya erişim sağlarsınız, bu nedenle iade mümkün değildir.

Depoya erişim almak ne kadar zaman alıyor?

Şu anda erişimi manuel olarak ekliyorum. Onları çok hızlı bir şekilde eklemeye çalışıyorum. En kötü durumda, bir iş günü içinde eklenmelidir. (Ohio, ABD merkezli)

Birden fazla dil fark yaratır mı?

Evet, testlerimde trafiğimin yaklaşık yarısının İngilizce olmayan sayfalara gittiğini görüyorum. Sayfalarım daha fazla trafik aldıkça daha fazla bilgiye sahip olmalıyım.

Bir temalarınızdan birini kullanmam gerekiyor mu?

Hayır. Temel bir tema dahil edilmesine rağmen, bunu bu aracın ana değeri olarak görmüyorum. Diğerleri yüksek kaliteli temalarda uzmanlaşıyor.