Programa
Fundamentos de IA
0 min
O Bolt.new é uma nova ferramenta de IA que transforma texto em aplicativo. Parecido com o Lovable, ele deixa os usuários criarem aplicativos só usando prompts. Neste tutorial, vou te mostrar como usar a ferramenta e vamos tentar criar um aplicativo de exercícios físicos com ela.
Se você quiser saber mais sobre esses tipos de ferramentas, recomendo dar uma olhada no nosso tutorial Lovable.
O que é o Bolt.new?
O Bolt.new é uma ferramenta de texto para aplicativo que permite aos desenvolvedores criar instantaneamente aplicativos full-stack com frameworks, bibliotecas e integrações modernas já configuradas.
Em vez de começar do zero ou passar horas configurando modelos de projeto, você pode digitar um comando como “criar uma página inicial SaaS com autenticação e pagamentos Stripe”, e o Bolt vai montar um projeto funcional em segundos.
A ideia principal é diminuir a distância entre uma ideia e um produto em funcionamento. Com o Bolt.new, você não precisa juntar manualmente dependências, roteamento, gerenciamento de estado ou bibliotecas de estilo; essas escolhas são feitas automaticamente pela ferramenta. Ele foi feito pra seguir as melhores práticas logo de cara, então o código final é bem estruturado e pronto pra produção, não é só um protótipo qualquer.
O Bolt.new permite que você publique um projeto com um único clique, tornando-o acessível publicamente na web. Mas, até agora, recursos importantes como banco de dados e autenticação ainda estão em fase beta, o que limita bastante o uso em aplicações reais.
Como começar a usar o Bolt.new
Pra começar, dá uma olhada no site deles e cria uma conta. Sem uma assinatura, você tem um limite de 1 milhão de tokens por mês e um limite diário de 150 mil tokens.
O plano gratuito permite experimentar, mas não espere poder fazer muitas alterações no aplicativo.
Tentei contornar o limite de tokens especificando todos os recursos em detalhes na solicitação inicial, mas descobri que isso geralmente gera apenas a ideia principal do aplicativo, exigindo mais iterações e, portanto, mais tokens.
Como criar um aplicativo com o Bolt.new: Aplicativo de treinamento para academia
Pra testar o Bold.new, vamos tentar criar um aplicativo de treinamento físico. A ideia básica desse aplicativo é planejar exercícios para nós todos os dias e nos ajudar a programar nosso progresso. Depois, ele cria planos com base nos dados anteriores.
Aqui está o prompt inicial que usei:
Quero criar um aplicativo de programa de exercícios para a academia. Todo dia ele deveria me dar uma série de exercícios. Um exercício define uma máquina, um peso e um número de repetições. O aplicativo deve me deixar marcar, para cada exercício, quantas repetições fiz e se foi difícil, normal ou fácil. Então, esses dados são usados para planejar os próximos dias.
Depois de enviar o prompt, ele criou um projeto React e começou a implementar a funcionalidade básica. Ele fornece uma lista completa de todos os arquivos gerados nos registros:
Depois de um tempo, o aplicativo estava funcionando. Aqui tá como estava nessa fase:
Quando criei uma nova sessão de treino, foi isso que aconteceu:
Não era exatamente o que eu tinha em mente, porque cada exercício consistia em uma única série, mas estava bem próximo disso. Pra ser sincero, acho que minha pergunta inicial não ficou muito clara sobre isso. É aqui que entender a engenharia de prompts é útil.
Em termos de tokens, essa solicitação inicial já usou 97 mil do limite diário de 150 mil. Isso mostra que, no plano gratuito, não conseguimos levar nossas ideias muito longe.
Pedindo alterações no aplicativo
A ideia principal por trás dessas ferramentas de IA de texto para aplicativo é que podemos dar vida às nossas ideias sem saber programar, só conversando com a IA e pedindo mudanças.
Para colocar isso em codificação vibracional , peço que cada exercício seja composto por várias séries.
O Bolt.new fez alterações; no entanto, quando tentou renderizar o aplicativo novamente, ocorreu um erro.
A interface percebe o erro e dá a chance de tentar consertar automaticamente.
Às vezes, ele consegue identificar o erro direto e se consertar sozinho. Mas, nesse caso, as novas mudanças vieram com outros erros:
Depois de algumas rodadas de correção de erros, conseguimos uma versão que funcionava, onde cada sessão de treino tinha vários exercícios, cada um com várias séries (número de repetições). Para cada série, a gente pode anotar quantas repetições fizemos e, depois, dar um feedback sobre o nível de dificuldade que sentimos.
Os dados do feedback devem ser usados para planejar as próximas sessões. Queria conversar para saber mais sobre como esses dados são usados, mas, naquele momento, já tinha acabado meu crédito do dia.
Uma das questões que frequentemente encontro ao criar aplicativos como este é que temos pouco controle sobre o que está acontecendo nos bastidores. A gente pode ver isso experimentando e usando o aplicativo, mas nem sempre é o suficiente pra entender completamente como as coisas funcionam.
Olhando para o código Bolt.new
Se você sabe programar, dá pra entender como o aplicativo funciona olhando o código. Ao contrário do Lovable, o Bolt.new facilita muito ver o código direto na interface web.
Ao abrir o editor de código, dá pra ver todos os arquivos do projeto, e clicar em um arquivo vai abri-lo no editor de código, permitindo ver como ele funciona e fazer alterações diretamente no navegador.
Lá, vi um arquivo chamado workoutGenerator.ts, cujo nome indica que contém a lógica para gerar novos treinos.
Como eu estava sem créditos, copiei e colei o código no chatGPT e pedi pra ele me explicar. Aqui vai um resumo de como funciona:
O aplicativo cria um novo treino para você todos os dias, analisando o que você já fez. Ele programa o número de treinos que você já fez e alterna entre diferentes tipos, como parte superior do corpo, parte inferior do corpo ou corpo inteiro, para que seus músculos tenham uma rotina equilibrada ao longo do tempo. Para cada tipo de treino, ele escolhe aleatoriamente alguns exercícios que combinam com os grupos musculares certos, pra você não ficar sempre fazendo os mesmos movimentos.
Ele também leva em conta o seu desempenho nos treinos anteriores. Se um exercício parece fácil e você tem conseguido fazer com frequência, aumente um pouco o peso ou adicione mais repetições para manter o desafio. Se um exercício for muito difícil, ele vai diminuir o peso pra ficar mais fácil de fazer. Assim, o treino se adapta ao seu progresso e ajuda você a melhorar no ritmo certo, sem exagerar. Isso me parece razoável, especialmente para uma primeira versão do produto.
Publicando o aplicativo Bolt.new
Pra publicar o aplicativo, é só clicar no botão “Publicar” no canto superior direito.
Depois que for publicado, a gente recebe um URL no chat onde dá pra abrir o aplicativo.
A gente pode usar isso no navegador e compartilhar com outras pessoas. Também podemos instalar no celular. Mas, como é um aplicativo web, não instalamos usando a loja de aplicativos; fazemos isso a partir do navegador:
- Abra o link no celular.
- Clique no menu de opções do navegador.
- Clique na opção “Adicionar à tela inicial”.
Infelizmente, o Bolt.new não transformou o aplicativo em um aplicativo web progressivo (PWA) pronto para uso. Isso quer dizer que, quando a gente instala no celular, do jeito que acabamos de explicar, ela só cria um link na nossa tela inicial, então a experiência não é muito diferente de usar no navegador.
Pedi pra converter o aplicativo em um PWA pra que ele funcionasse como um aplicativo nativo, mas não deu muito certo. O Bolt.new começou bem, gerando os arquivos necessários, mas um dos requisitos para um PWA é ter logotipos de imagem. Infelizmente, a tentativa do Bolt.new de gerar essas imagens escrevendo os bytes da imagem não só provavelmente gerou imagens sem sentido, como também consumiu todos os tokens.
Configurando um domínio personalizado
A URL que recebemos para o aplicativo foi gerada automaticamente, o que não é ideal para produção. Para um produto real, precisaríamos comprar e configurar nosso próprio domínio. Isso pode ser feito na página “Domínios e Hospedagem” nas configurações do projeto.
A versão atual do aplicativo não guarda dados em um banco de dados. Então, se a gente abrir o aplicativo no computador e depois no celular, não vai ver os mesmos dados. Tem persistência de dados locais no dispositivo, então, se você usar o mesmo dispositivo, os dados vão ficar guardados localmente. É por isso que, se atualizarmos o aplicativo, não vamos perder o plano de treino atual e os treinos anteriores.
Isso é aceitável para um protótipo, mas não é adequado para um produto comercial. No momento, a autenticação e os bancos de dados ainda estão em fase beta. Você pode acessá-los se inscrevendo na versão beta privada.
Conclusão
Acho que o Bolt.new é uma ferramenta incrível pra montar rapidinho um protótipo e ver se a ideia do produto dá certo. Mas, a IA costuma implementar recursos de forma superficial, o que significa que aplicações mais complexas precisam de muitas iterações.
Mesmo quando você dá uma dica inicial detalhada, o resultado só mostra um pouquinho da especificação completa, e os limites de tokens do plano gratuito tornam quase impossível criar algo significativo sem uma assinatura.
Além disso, como serviços essenciais como autenticação e suporte a banco de dados ainda estão em fase beta, eu recomendo esperar o lançamento completo deles antes de tentar criar um aplicativo pronto para produção.
No geral, o Bolt.new funciona de forma muito parecida com os concorrentes, mas o que o destaca é a possibilidade de ver e editar o código-fonte direto na interface web; uma vantagem importante que resolve uma das maiores frustrações que tive com plataformas como o Lovable.
