Schnelle Seiten mit KI Übersetzungen

Erstellen Sie Ihre eigene statische Website mit mehreren Sprachen. Mit KI Tools ganz einfach!

Dies ist ein Boilerplate Projekt zum Erstellen von statischen Seiten in mehreren Sprachen. Es verwendet i18next für Übersetzungen und einen benutzerdefinierten Sprachwechseler. Außerdem enthält es einen Sitemap Generator und einen robots.txt Generator. Validierungen von HTML sind integriert.

Helfen Sie dabei, von einer Sprache auf 20+ Sprachen zu wechseln.

In das Framework ist ein Sprachumschalter integriert. Sie können zu einer beliebigen Sprache entweder über ein Dropdown Menü oder Links im Footer wechseln. Diese Seite ist ein Beispiel dafür, wie das aussieht.

Nicht nur der Inhalt ist pro Seite unterschiedlich, sondern auch die URLs werden angepasst. Die Sitemap wird mit Links für alle Sprachen erstellt, damit Suchmaschinen den Inhalt leicht finden können. Auch die robots.txt Datei wurde angepasst, um Suchmaschinen das Crawlen der Website zu ermöglichen.

Schnelle und sichere Websites

Als statischer Site Generator bleibt die Ausgabe sehr klein. Auf vielen meiner Seiten liegt jede HTML Datei bei etwa 20KB. Das macht Ihre Seite sehr schnell zu laden. Hier können Sie den Zugang zu den GitHub Repositories und zukünftigen Updates erwerben.

Möchten Sie, dass es für Sie erledigt wird?

Ich werde eine einzelne HTML Datei mit inline JavaScript nehmen und Übersetzungsseiten dafür bereitstellen. Die Übersetzungen werden durch KI generiert und nicht vollständig von Menschen überprüft. Quellcode und die resultierenden HTML Dateien werden bereitgestellt.

Ich kann auch eine Konversion für eine 10 seitige Website bereitstellen.

Gerade Code

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

Für ein kurzes Überblicksvideo für TypeScript Entwickler, siehe:

Häufig gestellte Fragen

Was ist in Global Sites (Lebenslang) enthalten?

Ein Boilerplate Satz von Dateien, um Ihnen beim Erstellen von mehrsprachigen statischen Websites zu helfen. Außerdem haben Sie Zugang zum Repository für Updates und Unterstützung.

Wurde das mit React oder NextJS erstellt?

Nein, das ist es nicht. Die Konzepte sind leicht verständlich für diejenigen, die React kennen, aber es verwendet i18next für Übersetzungen und stringbasierte Vorlagendefinitionen. Es gibt Werkzeuge für Konsistenz und Einfachheit in der Entwicklung mit diesem Boilerplate.

Was ist Ihre Rückgabepolitik?

Sie erhalten Zugriff auf das Repository, daher sind Rückerstattungen nicht möglich.

Wie lange dauert es, Zugang zum Repository zu erhalten?

Ich füge derzeit manuell Zugänge hinzu. Ich versuche, sie sehr schnell hinzuzufügen. Im schlimmsten Fall sollte es innerhalb eines Arbeitstags sein. (Ansässig in Ohio, USA)

Machen mehrere Sprachen einen Unterschied?

Ja, in meinen Tests erhalte ich etwa die Hälfte meines Traffics, der auf nicht-englische Seiten geht. Ich sollte mehr Informationen haben, wenn meine Seiten mehr Traffic erhalten.

Muss ich eines Ihrer Themes verwenden?

Nein. Auch wenn ein grundlegendes Thema enthalten ist, sehe ich das nicht als den Hauptwert dieses Tools. Andere spezialisieren sich auf hochwertige Themen.