Перейти к содержимому

Supabase: como criar Banco de dados GRÁTIS pro meu aplicativo de IA + Login de usuário

Robson Oliveira - Vibe Coding

0:00 / 0:00

Supabase: como criar Banco de dados GRÁTIS pro meu aplicativo de IA + Login de usuário

13 237 просмотров · 9 мес. назад
Robson Oliveira - Vibe Coding
10,8 тыс. подписчиков
13 237 просмотров · 9 мес. назад
Neste vídeo, eu vou te ensinar a integrar um sistema de login completo e um banco de dados Supabase no seu aplicativo criado com Inteligência Artificial. Agora, se você quer aprender a criar seus próprios apps com IA de forma profissional: https://robsoliveiradesign.com.br/meu... Pra entrar no nosso grupo de alunos, caso queira ficar por dentro das novidades: https://robsoliveiradesign.com.br/lis... Se quiser que eu faça seu aplicativo, só me chamar no Whatsapp: https://robsoliveiradesign.com.br/zap... Playlist    • Criando SAAS   ____ Vamos pegar aquele projeto que iniciamos e transformá-lo em uma aplicação real, salvando dados dos usuários de forma 100% gratuita. Como configurar o Supabase do zero. Como criar login de usuário no Google Ai Studio Como integrar supabase em aplicativo IA Como criar sistema de login com ia Lovable Como usar banco de dados supabase tutorial Como fazer autenticação de usuários gratis Como criar app com inteligencia artificial e banco de dados Melhor banco de dados gratuito para aplicativos de IA Como colocar banco de dados no meu app de IA Google IA Studio + Supabase + login de usuário Como salvar dados de usuário no supabase Login + Supabase banco de dados grátis _____ Acessar: https://supabase.com/ Prompt 1) "Atue como um desenvolvedor Full Stack. Crie um sistema de autenticação SIMPLES usando React (Vite), Tailwind CSS e Supabase. Funcionalidades Necessárias: Tela de Login: Campos de E-mail e Senha, com botão de 'Entrar' e link para 'Cadastrar'. Gere a tela de Tela de Cadastro: Campos de E-mail, Senha e Confirmar Senha. Validar se as senhas são iguais antes de enviar. Estado de Autenticação: Após o login ou cadastro bem-sucedido, mostrar uma tela simples de 'Bem-vindo' com um botão de 'Sair' (Sign Out). Conexão com Banco: Use a biblioteca @supabase/supabase-js. Forneça um arquivo supabaseClient.ts onde eu possa colar minha supabaseUrl e supabaseAnonKey. Requisitos Técnicos: Use apenas componentes funcionais e Hooks (useState, useEffect). Estilização limpa e moderna com Tailwind. Tratamento básico de erros (ex: exibir alerta se a senha estiver incorreta). Importante: Retorne o código formatado em blocos Markdown (caixinhas de código) para fácil cópia." Prompt 2) Prompt: Quero fazer uma integração com o banco de dados do Supabase. Esses são os dados de integração do projeto para integração: SUPABASE_URL: SUPABASE_ANON_KEY: Prompt 3) Gere o script para a criação das tabelas no Supabase, para a integração funcionar 100%, pra ser usado no SQL Editor Retorne esse script numa caixa markdown Prompt 4) Rodei o script, agora verifique a conexão da aplicação pra saber se todas as tabelas necessárias já foram criadas. GAranta que, ao criar um usuário, este seja automaticamente criado na tabela de Authentication oficial do meu Supabase. Prompt 5) Verifique se as politicas de permissões RLS estão corretamente aplicadas. Se existe alguma vulnerabilidade na minha aplicação conserte -as.