Snelle sites met AI vertalingen

Bouw je eigen statische site met meerdere talen. Gemakkelijk gemaakt met AI tools!

Dit is een boilerplate project voor het bouwen van statische sites met meerdere talen. Het maakt gebruik van i18next voor vertalingen en een aangepaste taalswitcher. Het bevat ook een sitemapgenerator en een robots.txt generator. Validaties van HTML zijn ingebouwd.

U helpen om van 1 taal naar 20+ talen te gaan

In het framework is een taalswitcher ingebouwd. Je kunt naar een van de talen schakelen via een dropdown of links in de voettekst. Deze site is een voorbeeld van hoe dat eruit ziet.

Niet alleen is de inhoud per pagina verschillend, maar ook de URL's worden aangepast. De sitemap is opgebouwd met links voor alle talen, zodat zoekmachines de inhoud gemakkelijk kunnen vinden. Het robots.txt bestand is ook aangepast om zoekmachines toe te staan de site te crawlen.

Sites die snel en veilig zijn

Als een statische site generator wordt de uitvoer heel klein gehouden. Op veel van mijn sites is elk HTML bestand ongeveer 20KB groot. Dit maakt uw site erg snel te laden. Je kunt hier toegang kopen tot de github repositories en toekomstige updates.

Wilt u het voor u laten doen?

Ik zal een enkele HTML bestand met inline JavaScript nemen en vertalingspagina's daarvoor bieden. De vertalingen zullen door AI zijn gegenereerd en niet volledig door mensen zijn gecontroleerd. De broncode en de resulterende HTML bestanden zullen worden geleverd.

Ik kan ook een conversie van een site van 10 pagina's aanbieden.

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

Voor een korte overzichtsvideo gericht op TypeScript ontwikkelaars, zie:

Veelgestelde Vragen

Wat is inbegrepen bij Global Sites (Levenslang)?

Een standaardset van bestanden om je te helpen statische sites te bouwen met meerdere talen. Ook toegang tot de repository voor updates en ondersteuning.

Is dit gebouwd met React of NextJS?

Nee, dat is het niet. De concepten zijn gemakkelijk te begrijpen voor degenen die React kennen, maar het gebruikt i18next voor vertalingen en op tekst gebaseerde sjabloondefinities. Er zijn tools voor consistentie en eenvoud in ontwikkeling met deze boilerplate.

Wat is uw retourbeleid?

Je krijgt toegang tot de repository en terugbetalingen zijn daarom niet mogelijk.

Hoe lang duurt het voordat je toegang krijgt tot de repository?

Ik voeg momenteel handmatig toegang toe. Ik probeer ze zeer snel toe te voegen. In het ergste geval moet het binnen één werkdag zijn. (Gevestigd in Ohio, VS)

Maken meerdere talen een verschil?

Ja, in mijn tests ontvang ik ongeveer de helft van mijn verkeer op niet-Engelstalige pagina's. Ik zou meer informatie moeten hebben naarmate mijn pagina's meer verkeer krijgen.

Moet ik een van uw thema's gebruiken?

Nee. Hoewel een basis thema inbegrepen is, zie ik dat niet als de belangrijkste waarde van dit hulpmiddel. Anderen zijn gespecialiseerd in hoogwaardige thema's.