Criar app com IA não exige escrever código: você descreve para a IA o que o app deve fazer, confere o resultado numa prévia ao vivo e vai ajustando com mensagens curtas até ficar certo. Depois coloca o app no ar e compartilha o link. Não é preciso saber programar, mas é preciso ser exato nas regras. Este guia mostra o caminho com um exemplo real, um app de agendamento para uma barbearia, feito no VibeDream.
App web ou app nativo?
Primeiro, uma diferença importante. Um app nativo é baixado da App Store ou do Google Play. Um app web abre direto por um link no navegador, no celular ou no computador. O VibeDream cria apps web e jogos de navegador, não apps nativos para as lojas.
- App web: compartilha por link na hora, não passa por aprovação de loja e as mudanças chegam a todos assim que você clica em Update it.
- App nativo: acessa mais recursos do aparelho e tem ícone na loja, mas exige contas de desenvolvedor, revisão das lojas e bem mais trabalho.
Para agendamentos, formulários, ferramentas internas ou áreas de cliente, um app web resolve quase sempre, e o seu cliente não precisa instalar nada.
O que você precisa antes de começar
Antes de abrir o construtor, responda cinco perguntas numa nota rápida. Para a barbearia ficou assim:
- Quem usa? Clientes pelo celular e o dono da barbearia no balcão.
- Qual é a tarefa principal? Marcar horário sem precisar mandar mensagem.
- Quais telas? Serviços, escolher barbeiro e horário, confirmação e um painel protegido para a equipe.
- Quais dados ficam salvos? Nome, WhatsApp, serviço, barbeiro, data e hora.
- Quais são as regras? Corte leva 30 minutos, corte e barba levam 1 hora, cada barbeiro atende um cliente por vez, fechado aos domingos.
Passo a passo para criar um app com IA
Transforme a nota em uma única mensagem. No VibeDream, clique em New Project, escolha Direct Prompt e cole o texto, ou fale pelo microfone. A interface ainda está em inglês, mas os prompts podem ser em português.
Crie um app web de agendamento para a Barbearia do Zé, em Curitiba.
Telas: Serviços (corte 30 min, barba 30 min, corte e barba 1 hora), Escolher horário (barbeiro Zé ou Lucas, data e horários livres de segunda a sábado, das 9h às 19h), Confirmação e um Painel em /painel protegido por senha com os agendamentos do dia.
Salvar nome, WhatsApp, serviço, barbeiro, data e hora.
Um barbeiro não pode ter dois clientes no mesmo horário.
Visual: moderno, fundo escuro, detalhes em dourado, botões grandes, pensado primeiro para celular.
Todos os textos em português do Brasil.A prévia aparece ao lado do chat e vai se montando enquanto a IA trabalha. Depois teste com casos que você sabe o resultado: marque corte e barba com o Zé na terça às 10h e tente marcar outro corte com ele às 10h30. Se o app deixar, você achou o primeiro ajuste.
Mande os ajustes um de cada vez e confira cada um antes do próximo:
- “O app deixou marcar 10h30 com o Zé, mas corte e barba das 10h vai até as 11h. Bloqueie os horários ocupados conforme a duração do serviço.”
- “Aos domingos não deve aparecer nenhum horário.”
- “No celular, deixe o botão Agendar fixo na parte de baixo da tela.”
- “Na confirmação, mostre a data no formato 14/11/2026 e um botão para abrir o WhatsApp da barbearia.”
Se aparecer uma mensagem de erro, copie e cole no chat dizendo quando ela acontece. Mais exemplos de bons prompts de ajuste estão no guia em inglês How to build an app with AI. Se preferir começar de uma base pronta, use o template Blank Starter, com frontend em React e backend em FastAPI.
Dados e login
Todo app do VibeDream tem um backend em FastAPI, onde os dados ficam guardados. Depois de um agendamento de teste, recarregue a página e veja se ele continua lá. Para o login da equipe, peça numa mensagem, por exemplo: “O dono entra com e-mail e senha antes de ver o /painel.” A IA escreve isso dentro do seu app. Você também pode tocar em Add login ou Add database abaixo do chat: o VibeDream ativa o login com e-mail e senha e o salvamento dos dados, sem chaves para copiar.
Chaves secretas, como a de um serviço de e-mail, não vão no chat. Coloque na aba Settings do projeto. A página em inglês sobre chaves de API e variáveis de ambiente explica quais valores ficam só no servidor. Como o app guarda nome e telefone de clientes, publique também uma política de privacidade de acordo com a LGPD.
Publicar com domínio próprio
Clique em Put it online, escolha um nome, e em cerca de 1 a 3 minutos o app fica no ar num endereço como barbeariadoze.vibedreams.ai, já com HTTPS. A versão publicada só muda quando você clica em Update it, então dá para continuar testando na prévia sem atrapalhar quem está agendando.
Para usar um domínio próprio, como agenda.barbeariadoze.com.br, crie um registro TXT e um CNAME no seu provedor de domínio. O certificado HTTPS é emitido automaticamente. O guia de publicação, em inglês, mostra cada passo. O código pode ser exportado em ZIP ou sincronizado com o seu repositório no GitHub a qualquer momento.
Quanto custa criar um app com IA
No VibeDream você paga um plano mensal com créditos. O All Access Mini custa 49 dólares por mês, com 60 créditos e até 3 projetos ativos. O All Access custa 97 dólares por mês, com 150 créditos e até 5 projetos ativos. Os créditos são gastos por mensagem, e mudanças maiores gastam mais. Cada publicação ou atualização custa 5 créditos, e a hospedagem está incluída. Os preços atuais estão na página de preços.
Se quiser entender primeiro como funciona esse jeito de criar, leia o que é vibe coding.