Sites Rápidos com Traduções em IA
Crie seu próprio site estático com múltiplas línguas. Facilmente com ferramentas de IA!
Este é um projeto padrão para construir sites estáticos com múltiplas línguas. Ele utiliza i18next para traduções e um seletor de idioma personalizado. Também inclui um gerador de sitemap e um gerador de robots.txt. Validações de HTML estão integradas.
Ajudando você a passar de 1 idioma para mais de 20 idiomas
Integrado ao framework está um seletor de idioma. Você pode alternar para qualquer um dos idiomas através de um menu suspenso ou links no rodapé. Este site é um exemplo de como isso fica.
Não apenas o conteúdo é diferente por página, mas as URLs também são ajustadas. O sitemap é desenvolvido com links para todos os idiomas para que os mecanismos de busca possam encontrar facilmente o conteúdo. O arquivo robots.txt também é ajustado para permitir que os mecanismos de busca rastreiem o site.
Sites que são rápidos e seguros
Como um gerador de sites estáticos, a saída é mantida muito pequena. Em muitos dos meus sites, cada arquivo HTML tem cerca de 20KB. Isso faz com que seu site carregue muito rapidamente. Você pode adquirir acesso aos repositórios do github e futuras atualizações aqui.
Quer que seja feito para você?
Vou pegar um único arquivo HTML com JavaScript inline e fornecer páginas de tradução para ele. As traduções serão geradas por IA e não passarão por uma revisão humana completa. O código fonte e os arquivos HTML resultantes serão fornecidos.
Também posso fornecer uma conversão de site de 10 páginas.
Código direto
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 um vídeo curto de visão geral voltado para desenvolvedores TypeScript, veja:
Perguntas Frequentes
O que está incluído no Global Sites (Lifetime)?
Um conjunto padrão de arquivos para ajudá lo a construir sites estáticos com vários idiomas. Além disso, acesso ao repositório para atualizações e suporte.
Isso foi construído com React ou NextJS?
Não, não é. Os conceitos são facilmente compreendidos por aqueles que conhecem React, mas ele usa i18next para traduções e definições de templates baseadas em string. Existem ferramentas para consistência e facilidade de desenvolvimento com este modelo base.
Qual é a sua política de devolução?
Você tem acesso ao repositório e, portanto, reembolsos não são possíveis.
Quanto tempo leva para obter acesso ao repositório?
Atualmente, adiciono o acesso manualmente. Tento adicioná los muito rapidamente. No pior cenário, deve ser dentro de um dia útil. (Com sede em Ohio, EUA)
Múltiplas línguas fazem a diferença?
Sim, em meus testes, cerca de metade do meu tráfego vai para páginas em idiomas não ingleses. Eu devo ter mais informações à medida que minhas páginas receberem mais tráfego.
Eu preciso usar um dos seus temas?
Não. Embora um tema básico esteja incluído, não vejo isso como o principal valor dessa ferramenta. Outros se especializam em temas de alta qualidade.