Nota de transparência: Alguns links deste conteúdo são de afiliados. Se você comprar por eles, o Iazando pode receber uma comissão sem nenhum custo adicional para você.
Nota de transparência: Alguns links deste conteúdo são de afiliados. Se você comprar por eles, o Iazando pode receber uma comissão sem nenhum custo adicional para você.
Você tem a ideia de um aplicativo, mas trava na parte chata: login de usuários, banco de dados, upload de arquivos e colocar tudo no ar. É justamente aí que muita gente desiste antes de começar.
O canal MeticsMedia publicou um tutorial de cerca de 42 minutos mostrando como criar um app com Google AI Studio e Firebase, do primeiro prompt até o aplicativo funcionando em um domínio próprio. O vídeo foi ao ar em 22 de maio de 2026.
Neste guia você encontra o mesmo caminho em português, etapa por etapa, com explicações dos conceitos e cuidados extras. Os fatos sobre o vídeo vêm do título, da descrição e dos capítulos publicados pelo próprio canal.
O que são o Google AI Studio e o Firebase
O Google AI Studio é a plataforma do Google para conversar com os modelos Gemini e, entre outras coisas, gerar aplicativos a partir de uma descrição em texto. Você explica o que quer e a IA escreve o código.
O Firebase é a plataforma de backend do Google. Ele oferece serviços prontos de autenticação (login), banco de dados e armazenamento de arquivos, para que você não precise montar um servidor do zero.
A combinação resolve a maior dor de quem cria apps com IA: a interface bonita sai fácil, mas sem backend o app não guarda nada. Com o Firebase ligado, os usuários criam conta, salvam dados e enviam arquivos de verdade.
O que o vídeo mostra, etapa por etapa
Segundo a descrição, o tutorial serve tanto para iniciantes quanto para quem já tem um projeto começado no AI Studio. Os capítulos seguem esta ordem:
| Etapa | O que acontece | Momento no vídeo |
|---|---|---|
| 1 | O que será construído e os pilares do backend | 1:12 a 2:19 |
| 2 | Criação do app no AI Studio com a fórmula de prompt em 4 partes | 3:11 a 5:45 |
| 3 | Ativação do Firebase e acesso ao console | 7:43 a 8:53 |
| 4 | Autenticação e armazenamento de arquivos | 9:46 a 10:34 |
| 5 | Testes e correções pela interface | 16:04 |
| 6 | Painel de administração | 21:57 |
| 7 | Regras de segurança do banco e do storage | 23:53 a 25:31 |
| 8 | GitHub, deploy na Hostinger e domínio | 28:34 a 34:16 |
| 9 | Atualizações automáticas | 37:30 |
Como criar um app com Google AI Studio e Firebase: passo a passo
Abaixo está o roteiro completo, reescrito para quem nunca publicou um aplicativo. Faça uma etapa de cada vez e teste antes de avançar.
Antes de abrir qualquer ferramenta, escreva em poucas linhas quem vai usar o app, quais telas ele terá e quais dados precisa guardar. Exemplo: um catálogo de receitas em que cada usuário salva as suas, com foto.
O vídeo apresenta uma fórmula de prompt em quatro partes. Mesmo sem decorar a fórmula, a regra geral vale: descreva o objetivo, as telas, os dados e o visual desejado, em vez de pedir só “faça um app de receitas”.
Segundo a descrição, o AI Studio consegue configurar o Firebase automaticamente para o projeto. Depois disso, abra o console do Firebase (console.firebase.google.com) para conferir o que foi criado.
No console, habilite o login de usuários. É isso que permite que cada pessoa crie a própria conta e veja apenas os próprios dados.
O banco guarda as informações (textos, listas, cadastros) e o storage guarda arquivos como fotos e PDFs. Volte ao AI Studio para finalizar as alterações do Firebase no código.
Crie uma conta de teste, cadastre dados e envie um arquivo. Se algo quebrar, descreva o erro para o AI Studio e peça a correção, como o vídeo faz no capítulo de testes.
Um painel de admin permite ver e gerenciar todos os usuários e dados do app. Restrinja o acesso a ele só à sua conta.
As regras do banco e do storage dizem quem pode ler e escrever o quê. É a etapa mais importante antes de publicar: sem ela, dados de um usuário podem ficar expostos para outro.
O vídeo salva o projeto no GitHub e faz o deploy na Hostinger, conectando um domínio próprio e cadastrando as variáveis de ambiente (as chaves de configuração do app).
Por fim, o tutorial mostra como fazer cada alteração enviada ao GitHub ser publicada sozinha. Assim você corrige algo no AI Studio e o site atualiza sem refazer o deploy.
Os cuidados que mais pesam: segurança e custos
Apps gerados por IA costumam funcionar de primeira na tela, mas esconder problemas de segurança. Por isso o capítulo sobre regras do Firebase merece atenção redobrada.
Um teste simples: entre com duas contas diferentes e confira se uma consegue ver os dados da outra. Se conseguir, as regras estão abertas demais. Nosso artigo sobre as 5 falhas de segurança que a IA deixa no seu código mostra outros pontos a revisar.
Sobre custos, o Firebase tem cotas gratuitas, mas alguns recursos e volumes maiores exigem plano pago. Antes de divulgar o app, consulte a página oficial de preços e configure alertas de orçamento no Google Cloud.
Vale a pena entender o código que a IA escreveu?
Dá para chegar ao app publicado sem escrever código, e esse é o atrativo do tutorial. Mas, quando algo quebra em produção, quem entende o básico de JavaScript resolve em minutos o que levaria horas só pedindo para a IA.
Se quiser ganhar essa base, o Curso Fullstack JavaScript tem 14 semanas e certificado, e cobre a linguagem usada tanto na interface quanto no backend de apps web como esse.
Outra opção é usar a própria IA como professora. Nosso guia de como usar IA para aprender programação do zero mostra como fazer isso sem cair na armadilha de só copiar e colar.
Perguntas frequentes
Preciso saber programar para criar um app no Google AI Studio?
Não para começar. O AI Studio gera o código a partir do seu prompt. Saber o básico ajuda a revisar regras de segurança e a corrigir erros mais rápido.
O Firebase é gratuito?
Ele tem cotas gratuitas para começar, mas alguns recursos e volumes maiores são pagos. Confira a página de preços oficial antes de lançar o app para muitas pessoas.
Preciso hospedar na Hostinger?
Não. O vídeo usa a Hostinger, mas o mesmo projeto salvo no GitHub pode ser publicado em outros serviços de hospedagem que aceitem apps web.
O app fica com domínio próprio?
Sim, o tutorial mostra como conectar um domínio personalizado. No Brasil, domínios .com.br são registrados pelo Registro.br ou por revendedores.
Conclusão
Criar um app com Google AI Studio e Firebase encurta muito o caminho entre a ideia e o produto no ar: a IA escreve o código e o Firebase entrega login, banco e arquivos prontos. O segredo está em testar bem e revisar as regras de segurança.
Quer ver outro caminho de publicação? Confira nosso tutorial para publicar um site do Claude Code na Hostinger pelo GitHub.
🚀 Quer se aprofundar neste tema?
Confira esta recomendação selecionada pelo Iazando especialmente para você.