# VibecodeZero > Guia em português para quem nunca programou e quer criar um app com ajuda de inteligência artificial: passo a passo, prompts prontos, erros comuns e glossário. Site estático em português do Brasil. Conteúdo gratuito, sem login. A versão completa de todo o conteúdo em texto está em https://vibecodezero.dev/pt/llms-full.txt Versão em inglês (en): https://vibecodezero.dev/llms.txt ## Guias - [Seu primeiro app em 30 minutos, sem saber programar](https://vibecodezero.dev/pt/guias/primeiro-app-em-30-minutos/): Passo a passo para criar e publicar seu primeiro app com IA usando Lovable, Bolt ou Replit. Do cadastro ao link pronto para compartilhar, sem jargão. - [Créditos do Lovable explicados: plano gratuito, custos e como economizar](https://vibecodezero.dev/pt/guias/creditos-do-lovable/): Como funcionam os créditos do Lovable, o que o plano gratuito inclui, quanto custa uma mensagem, quando os créditos vencem e como fazê-los durar. - [Lovable, Bolt ou Cursor para iniciantes: planos gratuitos e uso comparados](https://vibecodezero.dev/pt/guias/lovable-vs-bolt-vs-cursor/): Lovable, Bolt ou Cursor para o seu primeiro app? Tabela lado a lado com plano gratuito, como cada um conta o uso e planos pagos, das páginas oficiais. ## Grok Bot - [O que é o Grok Bot e como usar?](https://vibecodezero.dev/pt/grok-bot/): Guia sem jargão sobre o Grok Bot, o app que te dá colegas de IA chamados Bots. O que eles fazem, do que você precisa para começar e o que ler depois. - [Primeiros passos com o Grok Bot, passo a passo](https://vibecodezero.dev/pt/grok-bot/primeiros-passos/): Como configurar o Grok Bot do zero, sem programar. Confira o acesso, instale o app, entre na conta, conheça o primeiro Bot e passe a primeira tarefa. - [16 dicas práticas para usar o Grok Bot sem programar](https://vibecodezero.dev/pt/grok-bot/dicas/): Dicas práticas para tirar bom trabalho do Grok Bot desde o começo. Como orientar um Bot, salvar rotinas, manter as aprovações e cuidar de logins e dinheiro. - [Para que quem não programa pode usar o Grok Bot?](https://vibecodezero.dev/pt/grok-bot/casos-de-uso/): Usos do dia a dia do Grok Bot para quem não programa. Triagem do e-mail, resumo da manhã, cuidar de um site, rotinas, pesquisa e compras. - [Estudo de caso: um site feito com Grok Bot e Claude](https://vibecodezero.dev/pt/grok-bot/estudo-de-caso/): Como este site foi criado e é mantido com o Grok Bot e o Claude Code. Quem fez o quê, quais rotinas rodam sozinhas e o que a pessoa ainda aprova. ## Prompts prontos - [Biblioteca de prompts](https://vibecodezero.dev/pt/prompts/): 14 prompts para copiar, por categoria. - [Para começar um app](https://vibecodezero.dev/pt/prompts/#comecar): O primeiro pedido que você faz para a ferramenta. Quanto mais claro, menos retrabalho depois. - [Para mudar o que já existe](https://vibecodezero.dev/pt/prompts/#ajustar): Pedidos pequenos e específicos, para mexer numa parte sem quebrar o resto. - [Para melhorar o visual](https://vibecodezero.dev/pt/prompts/#visual): Cores, textos, celular e acessibilidade, sem precisar saber design. - [Para guardar informações](https://vibecodezero.dev/pt/prompts/#dados): Quando o app precisa lembrar das coisas: listas, cadastros, login. - [Para entender o que a IA fez](https://vibecodezero.dev/pt/prompts/#entender): Peça explicações em português simples antes de seguir em frente. ## Erros comuns - [Deu erro, e agora?](https://vibecodezero.dev/pt/erros/): o que fazer com qualquer erro e o texto para colar na IA. - [O app ficou com a tela branca. O que fazer?](https://vibecodezero.dev/pt/erros/tela-branca/): Tela branca quase sempre quer dizer que o app travou antes de conseguir mostrar qualquer coisa, por causa de um erro no código. Procure a mensagem de erro que a ferramenta mostra, copie inteira e peça à IA para corrigir só esse erro. - [Cliquei no botão e nada aconteceu. Por quê?](https://vibecodezero.dev/pt/erros/botao-nao-funciona/): Muitas vezes a IA desenha o botão, mas não liga o botão à ação que ele deveria fazer. Descreva para a IA o que você clicou, o que esperava e o que aconteceu, e peça para ela conferir se o botão está ligado a alguma ação. - [A IA diz que corrigiu, mas o erro continua. E agora?](https://vibecodezero.dev/pt/erros/ia-diz-que-corrigiu/): Diga claramente que o problema continua e mande a mensagem de erro nova, se houver. Se depois de duas ou três tentativas nada mudar, pare, volte para a última versão que funcionava e peça a mudança de novo em passos menores. - [Os dados sumiram quando recarreguei a página. Por quê?](https://vibecodezero.dev/pt/erros/dados-sumiram/): Provavelmente o app não está guardando os dados em lugar nenhum, ou guarda só no navegador daquele aparelho. Peça à IA para dizer onde os dados ficam salvos e, se precisar vê-los em outros aparelhos, para ligar um banco de dados. - [Acabaram os créditos no meio do projeto. O que fazer?](https://vibecodezero.dev/pt/erros/creditos-acabaram/): Nos planos gratuitos, o limite costuma renovar depois de um período, então dá para esperar e continuar. Enquanto isso, planeje os próximos pedidos. Pedidos claros, um de cada vez, gastam menos do que várias tentativas de corrigir algo mal explicado. - [O link publicado não mostra as últimas mudanças. Por quê?](https://vibecodezero.dev/pt/erros/link-desatualizado/): Na maioria das ferramentas, publicar tira uma foto do app naquele momento. As mudanças que você faz depois aparecem na pré-visualização, mas só chegam ao link público quando você publica de novo, pelo mesmo botão de publicar. - [A IA mexeu em partes que eu não pedi. Como evitar?](https://vibecodezero.dev/pt/erros/ia-mudou-o-que-nao-pedi/): A IA tende a "aproveitar" o pedido para melhorar outras coisas. Diga explicitamente o que não deve mudar, peça uma coisa por vez e, se ela já mexeu onde não devia, peça para desfazer só aquela parte ou volte uma versão. - [Meu app pode estar expondo dados pessoais?](https://vibecodezero.dev/pt/erros/dados-pessoais-expostos/): Pode, se ele guarda dados de outras pessoas sem login ou sem regras de acesso bem configuradas. Antes de colocar nomes, telefones ou endereços reais, peça à IA para revisar quem consegue ver cada informação e teste com duas contas diferentes. - [Lovable funciona na pré-visualização, mas o site publicado não. Por quê?](https://vibecodezero.dev/pt/erros/lovable-preview-funciona-publicado-nao/): Primeiro publique de novo e abra o link numa aba anônima, porque no Lovable o site publicado é uma cópia do momento da publicação. Se ele estiver atualizado e continuar quebrado, falta no site público algo que a pré-visualização tem, como o seu login ou os seus dados de teste. Peça à IA para comparar os dois antes de mudar qualquer coisa. - [Erro de build no Lovable, corrigido sem queimar créditos](https://vibecodezero.dev/pt/erros/erro-de-build-lovable/): Erro de build quer dizer que o código do seu último pedido não consegue virar um app funcionando. Copie a mensagem de erro inteira, mande numa mensagem só junto com o que você pediu por último e peça um diagnóstico antes da correção. Se duas ou três tentativas falharem, volte para a última versão que funcionava em vez de insistir. ## Glossário - [Glossário completo](https://vibecodezero.dev/pt/glossario/) - [API](https://vibecodezero.dev/pt/glossario/api/): Um jeito padronizado de um programa conversar com outro. Quando o seu app consulta a previsão do tempo ou envia uma mensagem por outro serviço, ele está usando uma API. - [Armazenamento local](https://vibecodezero.dev/pt/glossario/armazenamento-local/): Um espaço dentro do navegador onde o app pode guardar informações naquele aparelho. Os dados continuam lá ao recarregar a página, mas não aparecem em outros aparelhos. - [Back-end](https://vibecodezero.dev/pt/glossario/back-end/): A parte do app que funciona nos bastidores, num servidor, e que a pessoa não vê. Cuida de guardar dados, conferir login e falar com outros serviços. - [Banco de dados](https://vibecodezero.dev/pt/glossario/banco-de-dados/): O lugar onde o app guarda informações de forma organizada, como clientes, pedidos ou tarefas, para que elas continuem lá depois e possam ser vistas de outros aparelhos. - [Bug](https://vibecodezero.dev/pt/glossario/bug/): Um defeito no app, qualquer coisa que funciona diferente do esperado. Pode ser um botão que não faz nada, uma conta errada ou uma tela que não abre. - [Código-fonte](https://vibecodezero.dev/pt/glossario/codigo-fonte/): O conjunto de arquivos de texto com as instruções que fazem o app funcionar. É o que a IA escreve quando você faz um pedido. - [Deploy](https://vibecodezero.dev/pt/glossario/deploy/): Colocar o app no ar, num endereço da internet que outras pessoas conseguem abrir. Nas ferramentas de vibecoding, costuma ser o botão "Publish". - [Domínio](https://vibecodezero.dev/pt/glossario/dominio/): O endereço de um site, como seunegocio.com.br. Você registra um domínio pagando uma taxa e depois liga esse endereço ao seu app. - [Front-end](https://vibecodezero.dev/pt/glossario/front-end/): A parte do app que a pessoa vê e toca, como telas, botões, textos e formulários. Roda no navegador de quem usa. - [GitHub](https://vibecodezero.dev/pt/glossario/github/): Site onde programadores guardam código-fonte, com histórico de todas as mudanças. As ferramentas de vibecoding permitem sincronizar o seu app com ele. - [Hospedagem](https://vibecodezero.dev/pt/glossario/hospedagem/): O serviço que mantém o app ligado num computador conectado à internet o tempo todo, para que qualquer pessoa consiga abri-lo pelo endereço. - [Login](https://vibecodezero.dev/pt/glossario/login/): A etapa em que a pessoa prova quem é, geralmente com e-mail e senha ou com uma conta Google, para acessar só o que é dela no app. - [Modelo de linguagem](https://vibecodezero.dev/pt/glossario/modelo-de-linguagem/): O tipo de inteligência artificial que lê e escreve texto, inclusive código. É o "cérebro" por trás das ferramentas de vibecoding e dos assistentes de conversa. - [Pré-visualização](https://vibecodezero.dev/pt/glossario/pre-visualizacao/): A versão do app que aparece dentro da ferramenta enquanto você trabalha. Ela já funciona de verdade, mas só você vê até publicar. - [Prompt](https://vibecodezero.dev/pt/glossario/prompt/): O pedido ou a instrução que você escreve para a inteligência artificial. No vibecoding, cada mensagem que você manda para a ferramenta é um prompt. - [Token](https://vibecodezero.dev/pt/glossario/token/): Pedacinho de texto que a inteligência artificial usa para ler e escrever, geralmente um trecho de palavra. Algumas ferramentas medem o seu limite de uso em tokens. - [Vibecoding](https://vibecodezero.dev/pt/glossario/vibecoding/): Jeito de criar software descrevendo em palavras o que você quer, enquanto uma inteligência artificial escreve o código. Você testa, pede ajustes e repete. ## Optional - [Sobre](https://vibecodezero.dev/pt/sobre/): quem faz o site e como o conteúdo é revisado. - [Divulgação de afiliados](https://vibecodezero.dev/pt/divulgacao-de-afiliados/): como o site se mantém e como os links de afiliado são identificados. - [Política de privacidade](https://vibecodezero.dev/pt/privacidade/)