Sitios Rápidos con Traducciones de IA
¡Crea tu propio sitio estático en varios idiomas. ¡Facilítalo con herramientas de IA!
Este es un proyecto base para construir sitios estáticos con múltiples idiomas. Utiliza i18next para traducciones y un cambiador de idioma personalizado. También incluye un generador de sitemaps y un generador de robots.txt. Las validaciones de HTML están integradas.
Ayudándote a pasar de 1 idioma a 20+ idiomas
Integrado en el marco hay un selector de idioma. Puedes cambiar a cualquiera de los idiomas, ya sea a través de un menú desplegable o enlaces en un pie de página. Este sitio es un ejemplo de cómo se ve eso.
No solo el contenido es diferente por página, sino que también se ajustan las URLs. El mapa del sitio se construye con enlaces para todos los idiomas, de modo que los motores de búsqueda puedan encontrar fácilmente el contenido. El archivo robots.txt también se ajusta para permitir que los motores de búsqueda rastreen el sitio.
Sitios que son rápidos y seguros
Como generador de sitios estáticos, la salida se mantiene muy pequeña. En muchos de mis sitios, cada archivo HTML tiene un tamaño de aproximadamente 20KB. Esto hace que su sitio sea muy rápido de cargar. Puedes comprar acceso a los repositorios de GitHub y actualizaciones futuras aquí.
¿Quieres que lo hagan por ti?
Tomaré un solo archivo HTML con JavaScript en línea y proporcionaré páginas de traducción para él. Las traducciones serán generadas por IA y no estarán completamente revisadas por humanos. Se proporcionará el código fuente y los archivos HTML resultantes.
También puedo proporcionar una conversión de sitio de 10 páginas.
Código directo
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
---------------------------------------------]Para un breve video de presentación dirigido a desarrolladores de TypeScript, vea:
Preguntas Frecuentes
¿Qué incluye Global Sites (de por vida)?
Un conjunto de archivos de plantilla para ayudarte a construir sitios estáticos con múltiples idiomas. También, acceso al repositorio para actualizaciones y soporte.
¿Está esto construido con React o NextJS?
No, no lo es. Los conceptos son fácilmente entendidos por quienes conocen React, pero utiliza i18next para traducciones y definiciones de plantillas basadas en cadenas. Hay herramientas para la coherencia y facilidad de desarrollo con este boilerplate.
¿Cuál es su política de devoluciones?
Obtienes acceso al repositorio y, por lo tanto, no son posibles los reembolsos.
¿Cuánto tiempo se tarda en obtener acceso al repositorio?
Actualmente, agrego el acceso manualmente. Intento agregarlos muy rápidamente. En el peor de los casos, debería ser dentro de un día hábil. (Con sede en Ohio, EE. UU.)
¿Marcan la diferencia múltiples idiomas?
Sí, en mis pruebas obtengo aproximadamente la mitad de mi tráfico dirigiéndose a páginas en idiomas distintos al inglés. Debería tener más información a medida que mis páginas reciban más tráfico.
¿Necesito usar uno de sus temas?
No. Aunque se incluye un tema básico, no lo veo como el valor principal de esta herramienta. Otros se especializan en temas de alta calidad.