Siti Veloci con Traduzioni AI

Crea il tuo sito statico multilingue. Reso facile grazie agli strumenti AI!

Questo è un progetto boilerplate per costruire siti statici con più lingue. Utilizza i18next per le traduzioni e un selettore di lingua personalizzato. Include anche un generatore di sitemap e un generatore di robots.txt. Le convalide HTML sono integrate.

Aiutandoti a passare da 1 lingua a 20+ lingue

Integrato nel framework c'è un selettore di lingua. Puoi passare a una delle lingue tramite un menu a discesa o collegamenti nel piè di pagina. Questo sito è un esempio di come appare.

Non solo il contenuto è diverso per pagina, ma anche gli URL sono regolati. La mappa del sito è costruita con link per tutte le lingue in modo che i motori di ricerca possano trovare facilmente il contenuto. Anche il file robots.txt è stato modificato per consentire ai motori di ricerca di esplorare il sito.

Siti che sono veloci e sicuri

Come generatore di siti statici, l'output è mantenuto molto ridotto. Su molti dei miei siti, ciascun file HTML pesa circa 20KB. Questo rende il tuo sito molto veloce da caricare. Puoi acquistare l'accesso ai repository di GitHub e agli aggiornamenti futuri qui.

Vuoi che lo facciano per te?

Prenderò un singolo file HTML con JavaScript inline e fornirò pagine di traduzione per esso. Le traduzioni saranno generate da un'IA e non completamente revisionate da un essere umano. Il codice sorgente e i file HTML risultanti saranno forniti.

Posso anche offrire una conversione del sito di 10 pagine.

Codice semplice

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,
  });
})();
Linea di comando - 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
---------------------------------------------]

Per un breve video panoramico rivolto agli sviluppatori TypeScript, vedere:

Domande Frequenti

Cosa è incluso in Global Sites (Lifetime)?

Un insieme di file boilerplate per aiutarti a costruire siti statici con più lingue. Inoltre, accesso al repository per aggiornamenti e supporto.

Questo è costruito con React o NextJS?

No, non lo è. I concetti sono facilmente comprensibili da chi conosce React, ma utilizza i18next per le traduzioni e le definizioni di template basate su stringhe. Ci sono strumenti per la coerenza e la facilità di sviluppo con questo boilerplate.

Qual è la vostra politica di restituzione?

Hai accesso al repository e quindi i rimborsi non sono possibili.

Quanto tempo ci vuole per avere accesso al repository?

Attualmente aggiungo manualmente l'accesso. Cerco di aggiungerli molto rapidamente. Al massimo, dovrebbe avvenire entro un giorno lavorativo. (Con sede in Ohio, USA)

Le lingue multiple fanno la differenza?

Sì, nei miei test ricevo circa metà del mio traffico che va su pagine non in inglese. Dovrei avere più informazioni man mano che le mie pagine ricevono più traffico.

Devo utilizzare uno dei vostri temi?

No. Anche se un tema di base è incluso, non vedo questo come il valore principale di questo strumento. Altri si specializzano in temi di alta qualità.