Como dar os primeiros passos na Hostinger Horizons

A Hostinger Horizons é uma ferramenta de IA que transforma suas ideias em apps web de forma rápida e simples — sem precisar escrever uma única linha de código.

Se você tem uma ideia inovadora para um app baseado no navegador, mas não sabe programar ou não quer investir na contratação de um desenvolvedor, a Hostinger Horizons é a solução perfeita.

Neste guia, você vai aprender tudo o que precisa para começar a usar a Hostinger Horizons: o que é possível criar, como a ferramenta funciona e como resolver eventuais erros.

Então, vamos nessa?

O que dá para criar com a Hostinger Horizons?  

Você pode criar todos os tipos de apps web com a Hostinger Horizons. Trouxemos alguns exemplos, divididos em cinco categorias:

• Produtividade e gerenciamento de tarefas – desde um gerenciador de tarefas para organizar sua rotina até um quadro de brainstorming ou um arquivo para salvar notas de reuniões.
• Monitoramento e planejamento – controle seu orçamento pessoal, acompanhe sua evolução em um novo hábito ou use uma calculadora para definir metas de economia.
• Painéis – tenha uma visão clara das métricas mais importantes na sua vida pessoal ou no trabalho, como suas finanças, o desempenho das suas redes sociais ou o uptime dos seus blogs.
• Assistente de saúde e bem-estar – crie um monitor de sono, uma plataforma para gerenciar sua dieta ou até um diário digital com recursos avançados.
• Plataformas de aprendizado e entretenimento – desenvolva uma aplicação gamificada para aprender idiomas, um jogo de damas online ou versões de clássicos como Snake, Tetris e Candy Crush para navegador.

Lembre-se de que algumas etapas extras podem ser necessárias para adicionar recursos mais avançados. Por exemplo, se a sua aplicação web precisa armazenar informações do usuário em um banco de dados, será preciso conectá-la ao Supabase ou Firebase. Mas não se preocupe – a Hostinger Horizons tem instruções que podem te ajudar com isso!

Além disso, a Hostinger Horizons ainda está em fase de acesso antecipado. Isso significa que, por enquanto, ela não é capaz de desenvolver aplicações mais avançadas, como bancos online, carteiras digitais, jogos 3D, lojas virtuais ou extensões para o Chrome.

Como funciona a Hostinger Horizons? 

Como qualquer chatbot, a Hostinger Horizons funciona respondendo aos seus comandos, então a qualidade da aplicação web vai depender de como você formula suas instruções. 

A Hostinger Horizons é compatível com mais de 80 idiomas, permitindo que você escreva prompts em português. Além disso, a ferramenta consegue interpretar imagens e capturas de tela.

Para mais detalhes, confira nosso guia sobre como escrever prompts para a Hostinger Horizons. Ah, e vale lembrar: a quantidade de prompts que você pode enviar por mês depende do seu plano, mas não há limite diário!

Quando chegar a hora de lançar sua aplicação web, é só clicar em Deploy, e ela vai ao ar automaticamente com o plano de hospedagem incluído. No painel do hPanel, você também pode configurar um domínio personalizado e conectar uma conta de e-mail em poucos cliques.

Tudo pronto para começar seu primeiro projeto com a Hostinger Horizons? Vamos ver de perto tudo o que ela oferece.

Comece a criar sua aplicação web 

Vá para a página oficial da Hostinger Horizons. Os planos começam a partir de R$ 116,99/mês, e todos incluem um mês de hospedagem grátis e largura de banda ilimitada.

Depois que escolher um plano, faça login no hPanel. Então, vá para Sites e selecione Lista de sites. Clique em Adicionar site e escolha Hostinger Horizons para começar a criar.

Em instantes, você estará na página inicial da Hostinger Horizons – seu espaço para criar aplicações web. 

O primeiro passo é descrever claramente a ideia da sua aplicação web na caixa de prompt.

Se você quer criar um site de receitas, por exemplo, pode começar com um prompt simples, como:

Crie uma aplicação web de pesquisa de receitas

Para um resultado mais refinado, você pode descrever funcionalidades, elementos de design e recursos extras em mais detalhes:

Crie uma aplicação web de busca de receitas onde os usuários possam inserir uma lista de ingredientes que têm em casa e receber sugestões de pratos que podem preparar.

Quer deixar sua ideia mais clara para o gerador de aplicações de IA? Basta clicar no ícone de clipe de papel e anexar capturas de tela com os exemplos do que você quer.

Isso permite ampliar sua solicitação para incluir detalhes como: 

use as mesmas cores desta captura de tela 

ou 

crie uma aplicação igual a este print

Se quiser descrever sua ideia com sua própria voz, é só tocar no ícone do microfone e explicar em voz alta.

Precisa adicionar uma nova linha no seu prompt? É só usar Shift + Enter.

Quando terminar e quiser enviar o prompt, basta pressionar Enter ou clicar no botão Enviar.

Não sabe o que quer criar? Abaixo da caixa de prompt, você encontra algumas ideias de aplicações web. Clique em uma para começar.

E não se esqueça: na parte inferior da página, você encontra guias úteis com dicas extras. Além disso, no canto superior direito da janela, há um link para compartilhar seu feedback com a Hostinger sobre a experiência.

Depois de enviar seu prompt, você verá um espaço com dois painéis na tela. No painel à esquerda, você acompanha em tempo real a atividade da Hostinger Horizons, vendo passo a passo como sua aplicação web está sendo criada.

O painel direito é uma pré-visualização interativa, permitindo que você teste e aperfeiçoe sua aplicação em tempo real. Você também pode alternar entre as visualizações de celular e desktop.

Ou, pode escolher uma visualização em tela cheia sem o painel à esquerda. 

Se as alterações que você fez demorarem para carregar, basta clicar no botão de atualizar para garantir que você veja a versão mais recente mais rapidamente.

A caixa de prompt, localizada logo abaixo do painel de atividades ao vivo, é a chave para personalizar sua aplicação. Nela, você pode fornecer instruções detalhadas para adicionar recursos, estilizar a interface ou ajustar comportamentos específicos da sua aplicação web.

Use linguagem natural e sinta-se à vontade para ser o mais descritivo possível.

Você também verá o limite de mensagens na caixa de prompt, que é calculado com base nas mensagens restantes do seu plano. Para saber quando ele será atualizado, basta passar o mouse sobre o número. Se quiser aumentar esse limite, clique no link Fazer Upgrade.

Sempre que você enviar novas instruções, a Hostinger Horizons fará as atualizações necessárias. Quando isso acontecer, o painel à direita será atualizado para exibir as alterações mais recentes.

Continue fazendo ajustes até que sua aplicação web esteja perfeita. Quando estiver pronto para exibi-lo, clique em Implantar no canto superior direito.

Quando a implantação for concluída com sucesso, uma URL ao vivo será criada para você compartilhar.

Continue aprimorando sua aplicação e veja as alterações refletidas na versão ao vivo imediatamente.

Para um lançamento mais profissional, registre e configure um domínio personalizado diretamente do seu painel de controle.

Solução de problemas

A IA pode cometer erros ou deixar de capturar nuances da linguagem humana. Por exemplo, uma alteração em uma parte do código pode impactar outras áreas ou até ignorar um detalhe importante em um prompt mais complexo. 

Por isso, ao usar a Hostinger Horizons, você pode se deparar com mensagens de erro. Mas não se preocupe: caso isso aconteça, o painel à direita mostrará a mensagem de erro, junto com o código afetado.

Você pode resolver isso facilmente usando o recurso de depuração da Hostinger Horizons. Basta tirar um print da tela ou selecionar, copiar e colar a mensagem de erro completa. Em seguida, peça à Hostinger Horizons para fazer a depuração da seguinte forma:

Encontrei um erro. Pode me ajudar a resolver isso? [Cole o texto da mensagem de erro ou envie a captura de tela]

Se aparecerem novos erros, repita o processo até que sua aplicação web funcione corretamente. 

Ou, se preferir, você pode voltar para uma versão estável anterior e melhorar sua abordagem.

Conclusão

A Hostinger Horizons permite criar aplicações web de forma rápida e prática. Basta dizer à ferramenta o que você quer criar, e ela cuida de todo o trabalho pesado para você.

Você pode fazer upload de imagens ou até registrar sua voz para facilitar as instruções. Além disso, com suporte para mais de 80 idiomas, é possível escrever seus prompts e ver os resultados no seu idioma nativo.

Já tem algumas ideias incríveis para o seu próximo projeto de aplicação web?

Compre seu plano por apenas R$ 116.99 por mês, e você ganha um mês de hospedagem grátis para implantar e testar sua aplicação web. Se precisar conectar um domínio ou um endereço de e-mail profissional, pode fazer isso diretamente do hPanel. 

Se você perceber que a ferramenta não atende às suas necessidades, pode solicitar um reembolso, e devolvemos seu dinheiro em até 30 dias.