No Capítulo 2 anterior, decidimos em pequeno "o que e para quem criar". Este capítulo é a Fase 2: preparar – antes de pôr a mão na massa, montamos 4 bases: tecnologia, ferramentas, design e ambiente. O lema aqui é "não caprichar, não remoer, escolher o caminho consagrado". Gastar-se na preparação é inverter as prioridades. Resolva no menor caminho as escolhas que combinam com a IA e deixe-se pronto para dar tudo de si na próxima fase, a de "criar".
Na dúvida, escolha "o lado em que a IA é boa", só isso
O que fazer na Fase 2
A fase de preparação é, em uma palavra, "as compras antes de criar". O erro mais comum no desenvolvimento solo é derreter vários dias na "escolha de ferramentas" e na "montagem do ambiente" antes de começar, e chegar cansado sem conseguir entrar no que importa. Aqui não compramos equipamento de luxo profissional; reunimos só o kit básico.
Pesquisar toda a tecnologia mais nova da moda, comparar ferramentas à exaustão, ponderar sobre planos pagos. Acaba a energia antes de criar.
Decidir stack consagrada, 1 ferramenta principal e plano gratuito no mesmo dia, e começar a criar no dia seguinte.
A referência é não gastar mais de 1 dia inteiro na preparação. Escolha perfeita não existe e, com a IA junto, trocar depois também é fácil. Sair correndo com um "por enquanto, este" é a resposta certa.
Escolha de tecnologia – o caminho consagrado facilita a implementação
Stack de tecnologia é a combinação de linguagem, framework, banco de dados e infraestrutura com que se cria o app. Na rota prática, claro, mas também na iniciante, saber "com que tecnologia mandar gerar" torna as instruções à IA mais precisas.
A conclusão sobre como escolher é simples. Escolha o "caminho consagrado" que a IA aprendeu em grande volume e está acostumada a escrever. Porque a IA escreve um código mais preciso quanto mais informação existe no mundo sobre aquela tecnologia. Tecnologia nova e obscura tem pouca informação, e a IA erra mais. No desenvolvimento solo, a regra de ouro é "IA é boa = implementar é fácil = termina".
Muita informação, a IA escreve com precisão.
Ex.: no front, React / Next.js; no back, Laravel (PHP) ou Node.js; nos bancos, PostgreSQL ou MySQL; para autenticação e banco, Supabase ou Firebase.
Tecnologia recém-lançada, combinações com pouca informação, frameworks experimentais. A IA erra e você fica correndo atrás da verificação. Se não for para estudar, o caminho consagrado basta.
💡 A tecnologia "você não precisa decidir sozinho". Se não sabe qual stack é melhor, basta perguntar à IA: "Vou criar 〇〇 (o que você quer) em desenvolvimento solo. Sugira uma stack consagrada, com muita informação e fácil de a IA implementar." Você pode adotar o que ela sugerir tal como está. Quem quiser aprofundar, veja stacks de tecnologia que combinam com a IA.
No caso da rota iniciante (no-code), até essa escolha pode ficar a cargo do builder. App builders de IA como v0 ou Bolt usam automaticamente, por trás, stacks consagradas como React / Next.js, então você quase não precisa se preocupar com a tecnologia.
Escolha de ferramenta – aqui é o ponto que separa as rotas
O mais importante deste capítulo é a escolha da ferramenta. Só aqui a arma principal se separa nitidamente conforme a rota que você escolheu no Capítulo 1. Primeiro, decida 1 ferramenta principal.
Você diz no chat "quero um app assim" e ele gera telas e código automaticamente. v0, Bolt e Lovable são os principais. Olhando a preview, basta conversar "muda isto aqui assim" para tomar forma.
Comparativo → v0 vs Bolt vs Lovable
Você mexe direto no código e, ao mesmo tempo, delega implementação, correção e testes à IA para acelerar. Claude Code, Cursor, GitHub Copilot e Codex são os principais. Como dá para expandir e manter, servem a produtos para cultivar por muito tempo.
Comparativo → comparativo de ferramentas de coding com IA
Quem está na rota iniciante pode, primeiro, ver o artigo de comparação de app builders, escolher 1 e pular esta seção, indo direto para Arquitetura e UI. Quem está na rota prática, na próxima seção comparamos editores de IA em detalhe.
Rota prática: comparando editores de IA
A arma principal da rota prática, o editor de IA, tem hoje 4 opções consagradas. Todas são consagradas, então, sinceramente, qualquer escolha não dá errado. Fixe só o forte de cada uma e escolha 1 que te chamar a atenção.
Conversando, implementa e corrige de forma autônoma atravessando vários arquivos. Forte em trabalhos grandes, delegando da arquitetura à implementação e aos testes. Roda na linha de comando.
Na tela familiar estilo VS Code, você edita com a IA olhando o código. Autocompletar, chat e correção automática integrados. Ideal como primeiro editor de IA.
O consagrado que se embute no VS Code. Completa com inteligência o código em andamento. Para quem quer somar IA sem mudar muito o ambiente de desenvolvimento atual.
Você entrega a tarefa e ele avança a implementação de forma autônoma nos bastidores. Do tipo agente, uma opção para o usuário avançado que quer tocar vários trabalhos em paralelo.
🧭 Na dúvida, escolha assim. Se quer avançar olhando as mãos na tela do editor, Cursor (o que é o Cursor?); se quer delegar em bloco pela conversa, Claude Code. Começando por um desses dois, você não erra. As diferenças em detalhe estão no comparativo Cursor vs Claude Code vs Copilot vs Codex.
O segredo é limitar-se a 1 ferramenta e dominá-la a fundo. Em vez de testar isto e aquilo, primeiro deixe 1 na mão como parceira. Como quase toda operação é só "pedir em linguagem natural", o custo de trocar de ferramenta depois também é pequeno.
Arquitetura e UI – não caprichar demais
A aparência do app – logo, cores, layout das telas (UI) – hoje também dá para preparar com IA. Só que, na fase de preparação, "não caprichar demais" é regra absoluta. Quando você começa a caprichar no design, o tempo derrete sem fim. No estágio de MVP, "se não estiver feio, está aprovado" é o nível certo de desapego.
Geram logo, cores e imagem das telas a partir de palavras. Com zero conhecimento de design, basta pedir "num tom de azul, com ar de limpeza". Comparativo em comparativo de ferramentas de design com IA.
Há ferramentas que permitem ir e voltar entre design e código, como o Claude Design. Dá para levar a aparência criada direto para a implementação.
Sem se apegar a fazer do zero, é esperto apoiar-se em templates de UI prontos ou frameworks CSS (como o Tailwind). Uma aparência arrumada num instante.
⚠️ Não derreta 1 dia em ajuste pixel a pixel. Se der vontade de reajustar o arredondamento do botão várias vezes, é um sinal de alerta. Basta manter 3 pontos no design – "definir 2 ou 3 cores, dar espaçamento, arrumar a fonte" – para o ar de amador sumir bem. Refinar detalhes fica bom depois de publicar e começar a ser usado.
O app builder da rota iniciante arruma a UI automaticamente, então esta seção pode ficar quase toda por conta da IA. Quem está na rota prática também, o mais rápido é primeiro mandar a IA gerar um rascunho e corrigir só o que incomoda. Não tente desenhar do zero por conta própria.
A configuração mínima de ambiente
Por último, o ambiente de desenvolvimento. Aqui também pense "basta um cadastro de conta". Na maioria dos casos não é mais preciso, como antigamente, gastar horas montando um ambiente local. Dá para começar tudo pelo plano gratuito.
Crie a conta do builder / editor de IA escolhido. Primeiro teste no plano gratuito e, se faltar, assine.
Na rota prática, uma conta no GitHub. O padrão para salvar código e controlar versão. Gratuito.
Vercel, Netlify, Supabase etc. Plano gratuito generoso. Por agora, basta conhecer os nomes; tratamos em detalhe no capítulo de publicação.
✅ Prepare só "o que precisa agora". Comprar domínio, servidor pago ou contratar serviço de pagamento ainda não é preciso. Na etapa de criar, só se precisa de "ferramenta" e "lugar para o código". O que for necessário para publicar e monetizar, junte quando chegar em cada capítulo, só na medida do necessário. Não se antecipe pagando.
Depois de cadastrar a ferramenta, muitos editores e builders de IA preparam o conjunto de arquivos necessário automaticamente só apertando o botão "criar novo projeto". Se travar na montagem do ambiente, basta colar o conteúdo na IA e perguntar, que quase sempre se resolve. Já desde a preparação, a IA é a sua parceira.
Resumo deste capítulo
- Escolha a tecnologia consagrada. Combinação que a IA está acostumada a escrever = implementar é fácil = termina. Na dúvida, pode mandar a IA sugerir.
- 1 ferramenta por rota. 🌱 iniciante = app builder de IA (v0/Bolt/Lovable); 🔧 prática = editor de IA (Claude Code, Cursor, Copilot, Codex).
- Não capriche demais no design. Crie um rascunho com IA e, arrumando só 3 pontos – cores, espaçamento e fonte –, está aprovado.
- Ambiente na configuração mínima. Basta um cadastro de conta, tudo pelo plano gratuito. Não se antecipe pagando.
A base está montada. A seguir vem enfim a fase de pôr a mão na massa junto com a IA para dar forma de fato ao produto. Rodar rápido o ciclo de fazer pequeno e corrigir – veja a forma concreta disso no próximo Capítulo 4, "Criar junto com a IA".