Szybkie witryny z tłumaczeniami AI

Zbuduj własną statyczną stronę z wieloma językami. Ułatwione dzięki narzędziom AI!

To jest projekt szablonowy do tworzenia statycznych stron internetowych w wielu językach. Wykorzystuje i18next do tłumaczeń oraz niestandardowy przełącznik języków. Zawiera również generator mapy strony oraz generator pliku robots.txt. Walidacja HTML jest wbudowana.

Pomagamy Ci przejść z 1 języka na 20+ języków

Wbudowany w framework jest przełącznik języków. Możesz przełączać się na dowolny z języków za pomocą rozwijanego menu lub linków w stopce. Ta strona jest przykładem tego, jak to wygląda.

Nie tylko treść jest inna na każdej stronie, ale także adresy URL są dostosowane. Sitemap jest tworzony z linkami do wszystkich języków, aby wyszukiwarki mogły łatwo znaleźć treść. Plik robots.txt jest również dostosowywany, aby umożliwić wyszukiwarkom indeksowanie witryny.

Strony, które są szybkie i bezpieczne

Jako generator statycznych stron internetowych, wyjście jest bardzo małe. Na wielu moich stronach każdy plik HTML ma około 20KB. To sprawia, że Twoja strona ładuje się bardzo szybko. Możesz kupić dostęp do repozytoriów github oraz przyszłych aktualizacji tutaj.

Chcesz, aby to było zrobione za Ciebie?

Weźmiemy pojedynczy plik HTML z wbudowanym JavaScriptem i przygotujemy strony z tłumaczeniami dla niego. Tłumaczenia będą generowane przez AI i nie będą w pełni przeglądane przez ludzi. Kod źródłowy i wynikowe pliki HTML zostaną dostarczone.

Mogę również dostarczyć konwersję strony o 10 stronach.

Prosty 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,
  });
})();
Wiersz poleceń - 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
---------------------------------------------]

Aby zobaczyć krótki film przeglądowy skierowany do programistów TypeScript, zobacz:

Najczęściej Zadawane Pytania

Co wchodzi w skład Global Sites (Lifetime)?

Zestaw plików szablonowych, który pomoże Ci tworzyć statyczne strony w wielu językach. Dodatkowo dostęp do repozytorium w celu uzyskania aktualizacji i wsparcia.

Czy to zostało zbudowane za pomocą Reacta czy NextJS?

Nie, to nie jest. Koncepcje są łatwo zrozumiałe dla tych, którzy znają React, ale używa i18next do tłumaczeń i szablonów opartych na ciągach. Istnieją narzędzia zapewniające spójność i ułatwiające rozwój z tym szablonem.

Jaka jest wasza polityka zwrotów?

Uzyskujesz dostęp do repozytorium, więc zwroty nie są możliwe.

Jak długo trwa uzyskanie dostępu do repozytorium?

Obecnie dodaję dostęp ręcznie. Staram się je dodawać bardzo szybko. W najgorszym przypadku powinno to zająć maksymalnie jeden dzień roboczy. (Siedziba w Ohio, USA)

Czy wiele języków ma znaczenie?

Tak, w moich testach około połowy mojego ruchu trafia na strony nieanglojęzyczne. Powinienem mieć więcej informacji, gdy moje strony będą miały większy ruch.

Czy muszę używać jednego z waszych motywów?

Nie. Choć prosty motyw jest dołączony, nie uważam tego za główną wartość tego narzędzia. Inni specjalizują się w wysokiej jakości motywach.