Fast Sites with AI Translations

Build your own static site with multiple languages. Made easy with AI tooling!

This is a boilerplate project for building static sites with multiple languages. It uses i18next for translations, and a custom language switcher. It also includes a sitemap generator, and a robots.txt generator. Validations of HTML are built in.

Helping you go from 1 language to 20+ languages

Built into the framework is a language switcher. You can switch to any of the languages either by a drop down or links in a footer. This site is an example of what that looks like.

Not only is the content different per page, but URLs are adjusted. The sitemap is built out with links for all the languages so search engines can easily find the content. The robots.txt file is also adjusted to allow search engines to crawl the site.

Sites that are fast and secure

As a static site generator, the output is kept very small. On many of my sites, each HTML file runs at about 10KB. This makes your site very fast to load. You can purchase access to the github repositories and future updates here.

Want it done for you?

I will take a single HTML file with inline JavaScript and provide translation pages for it. The translations will be AI generated and not fully human reviewed. Source code and resulting HTML files will be provided.

I can also provide a 10 page site conversion.

Straightforward code

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>
    [...]
    `
})

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

[---------------------------------------------
… 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
---------------------------------------------]

For a short overview video geared toward TypeScript developers, see:

Frequently Asked Questions