Este tutorial mostra como criar app com Lovable ou Bolt.new, da primeira frase ao link publicado. A maior parte dos vídeos sobre Lovable e Bolt.new mostra os primeiros trinta segundos: escreves uma frase, a app nasce no ecrã, corte para o resultado final. O que fica de fora é a parte chata mas necessária: passar de “está a funcionar aqui dentro” para “está publicado, com um link que qualquer pessoa pode abrir”. Este tutorial cobre isso do início ao fim, com as duas ferramentas mais usadas para o efeito.
Nota: os passos abaixo seguem a documentação oficial da Lovable e do Bolt.new. Os nomes de botões e menus podem mudar entre versões. Se algum ecrã não bater certo com o que aqui descrevemos, é sinal de que a interface foi atualizada entretanto.
Como criar app com Lovable ou Bolt.new: qual escolher para começar?
Se o teu projeto precisa de utilizadores com login e uma base de dados desde o primeiro dia (uma lista de clientes, um SaaS simples, uma ferramenta interna), o Lovable poupa-te passos, porque já vem com Supabase ligado de raiz. Se preferes mais liberdade de stack (Vue, Svelte, Python, não só React) ou queres só um protótipo rápido para mostrar a alguém, o Bolt.new arranca mais depressa. Os passos abaixo cobrem os dois: escolhe a secção que te interessa. Em qualquer dos casos, vais aprender a criar app com Lovable ou Bolt.new até à publicação final.
Criar e publicar com o Lovable
- Cria conta em lovable.dev e clica em “Start for free”. O plano gratuito dá 5 projetos e 30 mensagens por dia, suficiente para testar sem cartão de crédito.
- Descreve a tua app numa frase, em modo de conversa (Chat Mode). Quanto mais concreto, melhor. Em vez de “cria uma app de gestão”, escreve algo como: “Cria uma aplicação de gestão de projetos com clientes, projetos, tarefas e membros de equipa.” A Lovable interpreta isto e propõe a estrutura de dados.
- Descreve a interface da mesma forma conversacional. Por exemplo: “Cria um dashboard que mostra todos os projetos ativos agrupados por cliente, com uma barra lateral para adicionar novas tarefas.” A IA gera o frontend em React a partir disto.
- Liga a base de dados. A Lovable liga-se nativamente ao Supabase e consegue gerar o esquema completo da base de dados a partir da tua descrição em linguagem natural. Basta clicar no botão de ligação, dar um nome à base de dados e definir uma password.
- Testa tudo antes de publicares: cria uma conta de teste, preenche dados, confirma que o login funciona.
- Publica. O botão de publicação no menu principal torna o projeto numa aplicação web ao vivo com um clique. Podes publicar de imediato num subdomínio da Lovable, ou usar um domínio próprio a partir do menu de publicação (disponível a partir do plano Launch, €50/mês).
Antes de dares o link a alguém, há um passo que a maioria salta: confirmar que a base de dados está mesmo protegida. Cobrimos isso em detalhe no artigo Vibe Coding: Como Ligar a Tua App a uma Base de Dados Real Sem a Expor, que é literalmente o passo seguinte a este tutorial.
Criar e publicar com o Bolt.new
- Abre bolt.new e escreve o que queres construir na caixa de texto principal, em português ou inglês. Não precisas de criar conta antes de veres o primeiro resultado, só quando quiseres guardar ou publicar o projeto.
- Deixa o Bolt escrever, correr e mostrar o preview. Ao contrário de ferramentas que só geram código, o Bolt corre a aplicação de verdade no browser, com acesso a pacotes npm reais.
- Itera por conversa. Pede alterações como falarias com alguém: “muda a cor principal para azul-escuro”, “adiciona um campo de telefone ao formulário de contacto”. Cada pedido consome tokens da tua quota (300 mil/dia, 1 milhão/mês no plano gratuito).
- Publica: passo oficial, segundo a documentação do Bolt:
- Clica no botão Publish no canto superior direito.
- No menu que abre, clica em Publish outra vez para confirmar.
- Espera cerca de um minuto enquanto o Bolt faz o deploy.
- Clica no link gerado para confirmares que o site está mesmo no ar.
- Escolhe entre site público ou privado no menu de publicação. Público significa que qualquer pessoa (e os motores de busca) conseguem aceder; privado restringe o acesso a colaboradores convidados ou a um domínio de email específico (útil para uma ferramenta interna de empresa).
- Domínio próprio (opcional, plano pago): depois da primeira publicação, consegues ligar um domínio que já possuas ou comprar um através do Bolt. Nota: sites com domínio próprio só podem ser públicos, não privados.
No plano gratuito, o site fica publicado num subdomínio bolt.host com a marca “Bolt” visível. Para tirar a marca e usar domínio próprio, precisas do plano Pro ($25/mês).
O que fazer depois de publicares (a parte que os vídeos cortam)
Depois de criares app com Lovable ou Bolt.new, ter um link ao vivo não é o fim. É o momento em que vale a pena parar e confirmar três coisas antes de partilhares esse link com alguém:
- A base de dados está protegida? Se a tua app guarda dados de utilizadores (mesmo que sejam só emails de teste), confirma que a proteção Row Level Security está ativa em cada tabela do Supabase. Guia completo aqui.
- O login funciona no domínio final, não só na pré-visualização? Testa sempre depois de publicar, não só durante a construção.
- Sabes o que fazer quando a IA “corrige” um erro e cria outro? É um padrão comum o suficiente para valer a pena saber a estratégia certa antes de te aconteceres. Reverter para a versão anterior costuma ser mais rápido do que insistir. Detalhes no mesmo artigo acima.
Perguntas Frequentes
Preciso de saber programar para usar o Lovable ou o Bolt.new?
Não. Ambos foram pensados para quem descreve o que quer em linguagem natural, sem tocar em código. Saber minimamente o que é uma base de dados ajuda a reconhecer problemas mais depressa, mas não é obrigatório para começar.
Quanto custa publicar a primeira app?
Nada. Os dois têm plano gratuito que chega para publicar um primeiro projeto: a Lovable num subdomínio próprio, o Bolt.new num subdomínio bolt.host com a marca visível. Pagar só passa a ser necessário quando quiseres domínio próprio ou mais uso diário.
Posso mudar de site público para privado depois de já estar publicado?
No Bolt.new sim, a qualquer momento no menu de publicação, com uma exceção: se já tiveres ligado um domínio próprio, o site tem de ficar público.
Qual é o próximo passo depois de ter a app publicada?
Depois de aprenderes a criar app com Lovable ou Bolt.new, o passo seguinte é confirmar a segurança da base de dados antes de partilhares o link a sério. É o tema completo do artigo Vibe Coding: Como Ligar a Tua App a uma Base de Dados Real Sem a Expor.
Se ainda estás indeciso entre ferramentas, as reviews completas de Lovable, Bolt.new e v0 da Vercel comparam preços e funcionalidades lado a lado. Guarda este tutorial para voltares sempre que precisares de recordar como criar app com Lovable ou Bolt.new do zero.
