Sites rapides avec des traductions AI
Construisez votre propre site statique avec plusieurs langues. Facilitez le avec des outils d'IA !
Ceci est un projet modèle pour la création de sites statiques avec plusieurs langues. Il utilise i18next pour les traductions et un sélecteur de langue personnalisé. Il comprend également un générateur de sitemap et un générateur de robots.txt. Les validations HTML sont intégrées.
Vous aider à passer d'une langue à plus de 20 langues
Intégré dans le cadre, il y a un sélecteur de langue. Vous pouvez passer à n'importe quelle langue soit par un menu déroulant soit par des liens dans le pied de page. Ce site est un exemple de ce à quoi cela ressemble.
Non seulement le contenu est différent par page, mais les URL sont également ajustées. Le sitemap est élaboré avec des liens pour toutes les langues afin que les moteurs de recherche puissent facilement trouver le contenu. Le fichier robots.txt est également ajusté pour permettre aux moteurs de recherche d'explorer le site.
Des sites qui sont rapides et sécurisés
En tant que générateur de sites statiques, la sortie est très réduite. Sur bon nombre de mes sites, chaque fichier HTML fait environ 20 Ko. Cela rend votre site très rapide à charger. Vous pouvez acheter l'accès aux dépôts github et aux mises à jour futures ici.
Vous voulez que ce soit fait pour vous ?
Je vais prendre un seul fichier HTML avec JavaScript en ligne et fournir des pages de traduction pour celui ci. Les traductions seront générées par IA et pas entièrement révisées par des humains. Le code source et les fichiers HTML résultants seront fournis.
Je peux également fournir une conversion de site de 10 pages.
Code clair
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
---------------------------------------------]Pour une courte vidéo de présentation destinée aux développeurs TypeScript, consultez :
Questions Fréquemment Posées
Qu'est ce qui est inclus dans Global Sites (à vie) ?
Un ensemble de fichiers de modèle pour vous aider à créer des sites statiques multilingues. Accès également au dépôt pour les mises à jour et le support.
Est ce construit avec React ou NextJS ?
Non, ce n'est pas le cas. Les concepts sont facilement compris par ceux qui connaissent React, mais il utilise i18next pour les traductions et les définitions de modèles basés sur des chaînes. Il existe des outils pour garantir la cohérence et faciliter le développement avec ce modèle de base.
Quelle est votre politique de retour ?
Vous avez accès au dépôt et donc les remboursements ne sont pas possibles.
Combien de temps faut il pour obtenir l'accès au dépôt ?
J'ajoute manuellement l'accès actuellement. J'essaie de les ajouter très rapidement. Au pire, cela devrait être dans un délai d'un jour ouvrable. (Basé dans l'Ohio, USA)
Les multiples langues font elles une différence ?
Oui, dans mes tests, j'obtiens environ la moitié de mon trafic dirigé vers des pages non anglophones. Je devrais avoir plus d'informations à mesure que mes pages génèrent plus de trafic.
Dois je utiliser l'un de vos thèmes ?
Non. Bien qu'un thème de base soit inclus, je ne considère pas cela comme la principale valeur de cet outil. D'autres se spécialisent dans des thèmes de haute qualité.