Como Criar e Lançar Aplicativos Web REAIS (Google AI + Firebase)
Metics Media | Brasil
0:00 / 0:00
Como Criar e Lançar Aplicativos Web REAIS (Google AI + Firebase)
2 936 просмотров · 4 мес. назад
Metics Media | Brasil
12,4 тыс. подписчиков
2 936 просмотров · 4 мес. назад
Este é o tutorial completo de aplicativos web com Google AI Studio e Firebase. Vá do envio do seu primeiro prompt até uma implantação ao vivo em um domínio personalizado, passo a passo.
✅ Hostinger (Desconto Exclusivo): https://meticsmedia.com/hostinger-OBXR
➡️ Google AI Studio: https://aistudio.google.com/
➡️ Firebase Console: https://console.firebase.google.com/
Aprenda como criar um aplicativo web real com um backend funcional usando Google AI Studio e Firebase, e depois implantá-lo ao vivo em um domínio personalizado. Este tutorial cobre tudo, desde estruturar seu primeiro prompt até configurar autenticação de usuários, banco de dados, armazenamento de arquivos, regras de segurança, painel administrativo e implantar seu aplicativo finalizado em um domínio personalizado. Seja você um iniciante completo ou alguém que já tem um projeto no AI Studio, este vídeo mostra todo o processo para que você possa criar e lançar qualquer aplicação web do zero.
O Que Você Vai Aprender:
✔️ Como estruturar seu prompt usando a fórmula de quatro partes para obter os melhores resultados
✔️ Como configurar o Firebase automaticamente pelo Google AI Studio
✔️ Como configurar a autenticação para que os usuários possam criar contas e fazer login
✔️ Como configurar armazenamento de arquivos e um banco de dados para seu aplicativo web
✔️ Como testar seu aplicativo e solucionar problemas usando o AI Studio
✔️ Como configurar um painel administrativo para gerenciar todos os usuários e dados
✔️ Como configurar regras de segurança e regras de armazenamento do Firebase
✔️ Como salvar seu projeto no GitHub e implantá-lo na Hostinger
✔️ Como adicionar variáveis de ambiente e conectar um domínio personalizado
✔️ Como sincronizar atualizações automaticamente para que as mudanças sejam implantadas automaticamente
🔗 Links Mencionados no Vídeo
➡️ Guia de AI Studio + Firebase: https://drive.google.com/file/d/1sQVs...
📍 Ofertas e Descontos Exclusivos: https://meticsmedia.com/deals
⏱️ Timestamps
0:00 Introdução
0:34 Roteiro
1:20 O Que Vamos Criar
2:24 Os Quatro Pilares do Backend
3:22 Crie Seu Aplicativo no Google AI Studio
3:54 A Fórmula de Prompt de Quatro Partes
6:16 Escrevendo e Enviando Seu Prompt
8:26 Ativar o Firebase
9:49 Acessar Seu Firebase Console
10:50 Ativar a Autenticação
11:43 Configurar o Armazenamento de Arquivos
15:11 Finalizar as Alterações do Firebase no AI Studio
16:28 Verificação dos Quatro Pilares
17:43 Conectar à UI (Testes e Correções)
23:26 Finalizar a Configuração do Backend
23:57 Configurar o Painel Administrativo
26:00 Verificar as Regras de Segurança do Banco de Dados
27:42 Atualizar as Regras de Armazenamento
28:54 Visão Geral do Painel Administrativo
30:45 Salvar no GitHub
32:25 Implantar na Hostinger
35:41 Conectar Domínio
36:31 Adicionar Variáveis de Ambiente e Implantar
39:13 Verificar Seu Aplicativo ao Vivo
40:00 Sincronizar Atualizações Automaticamente
42:11 Visão Geral do hPanel
43:29 Visão Geral do Firebase Console
44:45 Próximos Passos
📄 Divulgação
Alguns dos links são links de afiliados. Se você fizer uma compra por meio deles, ganhamos uma pequena comissão sem custo adicional para você. Isso nos ajuda a manter nossos vídeos gratuitos para todos.