Introdução
TeleportHQ é uma plataforma low-code de design e desenvolvimento front-end que combina um construtor visual de sites com geração por IA, modelagem de conteúdo headless e exportação de código. Ela resolve um problema comum em projetos web: a transferência lenta entre designers, desenvolvedores e profissionais de marketing. Em vez de trabalhar em ferramentas separadas, as equipes projetam, editam e publicam front-ends prontos para produção em um único ambiente.
Os usuários podem iniciar um projeto descrevendo sua ideia em um prompt, e a IA gera um layout e uma estrutura de site. A partir daí, o design pode ser refinado com edição por arrastar e soltar, conectado a um CMS headless e publicado com hospedagem de um clique no Vercel ou exportado como código em HTML, CSS, React, Next.js, Vue ou Angular. O TeleportHQ também suporta projetos de web apps que incluem fluxos de trabalho, integrações de API, autenticação e bancos de dados, além de integração com GitHub para controle de versão e com Figma para converter designs em código.
Principais Recursos
- Construtor de sites com IA: Descreva objetivos e preferências de estilo em um prompt, e o TeleportHQ gera um layout e uma estrutura de página completos, que podem ser refinados por chat ou edição com arrastar e soltar.
- Editor visual com código em tempo real: O construtor edita a interface visualmente enquanto o código subjacente permanece acessível, permitindo que as equipes construam o front-end sem abrir mão do controle no nível do código.
- Exportação de código: Os projetos podem ser exportados como código pronto para produção em HTML e CSS, ou em cinco frameworks JavaScript, incluindo React, Next.js, Vue e Angular, para hospedagem em qualquer lugar.
- Integração com CMS headless: A interface pode ser construída visualmente enquanto o conteúdo e os dados são obtidos de um CMS headless separado, mantendo apresentação e lógica de negócio separadas.
- Bibliotecas de componentes reutilizáveis: As equipes podem criar e compartilhar componentes de interface que seguem seu próprio design system em vários projetos.
- Desenvolvimento de web apps: Projetos interativos suportam lógica de aplicação, fluxos de trabalho, integrações de API e backend, autenticação e contas de usuário.
- Hospedagem e publicação com um clique: Os sites podem ser publicados instantaneamente via Vercel, em domínio personalizado, com visualização responsiva em tempo real.
Destaques
- Preços: O teste gratuito de 7 dias não exige cartão de crédito; o plano Pro custa $14/mês (sites e páginas ilimitados) e o Premium custa $28/mês (inclui um projeto de web app, com slots adicionais de app a $19,99/mês). O faturamento anual oferece 33% de desconto.
- Recursos do plano gratuito: O teste inclui 200 páginas por projeto, backups automáticos, o construtor de sites com IA e suporte a código personalizado, mas a exportação de código é apenas para pré-visualização.
- Branding: Remover a tag flutuante de branding do TeleportHQ em projetos publicados exige um plano pago.
- Integrações: GitHub para controle de versão, importação de Figma para código, publicação no Vercel e conexões com CMS headless já são integradas.
Para Quem É
O TeleportHQ é voltado para equipes de desenvolvimento front-end, web designers freelancers e equipes de marketing que precisam publicar sites estáticos, landing pages, dashboards e protótipos rapidamente. Os desenvolvedores se beneficiam da exportação de código em frameworks convencionais e do controle de versão com GitHub, enquanto designers e profissionais de marketing podem trabalhar visualmente e alterar conteúdo sem tocar em código. Também é adequado para fundadores e equipes de produto que constroem web apps interativos, portais de clientes ou ferramentas internas que precisam de fluxos de trabalho, autenticação e conexões de dados sem construir tudo do zero.
