Início
Início
Entrar
  1. Formação em Vibe Coding
  3. Bubble - Aplicativos completos
  5. Criando Histórias com IA - Bubble AI Story Maker
Visualizando as Histórias

Como configurar uma página dinâmica com dados do Supabase (Parte B)

Entenda como configurar uma página dinâmica no Bubble utilizando dados do Supabase, integrando chamadas de API para exibir informações relevantes de maneira eficiente e prática.

Acesso Restrito

Faça login para acessar o conteúdo desta aula.

Fazer loginVoltar para o curso
AnteriorPróxima

Copyright ©2026 - Todos os direitos reservados
Feito com ☕ e alguns bilhões de tokens de IA

Criando Histórias com IA - Bubble AI Story Maker
Progresso do Módulo
0 de 87 aulas concluídas
Como funcionará esse módulo2 min
O que iremos criar3 min
Como clonar o template que utilizaremos com o Bubble Essential Kit13 min
Como criar uma conta e um projeto novo no Supabase6 min
Criar conta na OpenAI e gerar chave API (+saldo)5 min
Criar conta gratuita no N8N4 min
Configurações iniciais de autenticação5 min
Cadastro de usuário via API12 min
Login de usuário via API7 min
Criar workflow de cadastro no Frontend8 min
Criar workflow de Login no Frontend5 min
Como salvar os dados de sessão no 'Current User' (usuário fantasma)10 min
Lógica para aplicar refresh token utilizando usuário fantasma do Bubble11 min
Fazer logoff do usuário do Supabase5 min
Permitir somente o acesso de usuários logados4 min
Criar tabela espelho de usuários no schema Public6 min
Enriquecendo dados de cadastro através de raw_user_metadata6 min
Como automatizar a criação de um perfil na tabela espelho via Trigger9 min
Debugando erros no Supabase6 min
Criar tabela de Histórias5 min
Criar tabela de páginas da História4 min
Endpoint para criar uma nova história na tabela4 min
Criar chamada API (nova história)10 min
Conectando o endpoint ao workflow6 min
Configurando webhook no N8N para criar páginas da história4 min
Criando API Páginas da História7 min
Prompt para gerar histórias8 min
Workflow AI Agent N8N15 min
Inserção das Páginas da História no banco de dados8 min
Ajustando Workflow do botão Criar história7 min
Criar chamada API que vai listar as histórias do usuário autenticado7 min
Configurando o Repeating Group de Histórias5 min
Condicionais de visibilidade no elementos da página index5 min
Criar chamada API de 'Obter detalhes da história'5 min
Criar chamada API Obter Páginas da história5 min
Como configurar uma página dinâmica com dados do Supabase (Parte A)10 min
Como configurar uma página dinâmica com dados do Supabase (Parte B)7 min
Configurando a visualização paginada10 min
Option Sets - Moral da história4 min
Configurando Repeating Group - Moral da história8 min
Option Sets - Estilo da imagem3 min
Configurando Repeating Group - Estilo da imagem6 min
Reajustando workflow botão criar história2 min
Criando bucket no Supabase5 min
Criando imagem de capa da história6 min
Enviando imagem para o Supabase10 min
Relacionando imagem de capa com a história9 min
Ajustando workflow do n8n e testando geração de imagem (Parte A)8 min
Ajustando workflow do n8n e testando geração de imagem (Parte B)5 min
Workflow n8n para gerar imagens da páginas da história (Parte A)8 min
Workflow n8n para gerar imagens da páginas da história (Parte B)6 min
Testando a geração de imagens da capa e páginas da história5 min
Ajustando o Repeating Group para apresentar as imagens da história4 min
Endpoint para deletar uma história7 min
Conectando o endpoint deletar história ao workflow8 min
Criando o remix da história (Parte A)12 min
Criando o remix da história (Parte B)9 min
Criar tabela para gravar histórico de pagamentos6 min
Criando conta de desenvolvedor no ASAAS3 min
Conhecendo documentação API Asaas5 min
Chamada criar cliente no ASAAS7 min
Ajustando API e fluxo de cadastro do usuário (inserindo CPF)12 min
Chamada criar cobrança (Parte A)13 min
Chamada criar cobrança (Parte B)7 min
Criando um webhook para aguardar confirmação do pagamento no N8N12 min
Quando confirmado, dar créditos ao usuário10 min
Atualizar créditos do usuário no Bubble (Parte A)5 min
Atualizar créditos do usuário no Bubble (Parte B)8 min
Permitir a criação de história apenas se houver créditos suficientes10 min
Configurações iniciais quanto ao reset de senha7 min
Endpoint para ação de esqueci minha senha6 min
Atualizar senha dentro da plataforma11 min
Configurar RLS nas tabelas12 min
Endpoint obter todas as histórias (com paginação)6 min
Configurar Repeating Group todas as histórias9 min
Paginação de histórias14 min
Configurações do usuário9 min
Deleção da conta de usuário (Parte A)8 min
Deleção da conta de usuário (Parte B)5 min
Página Index5 min
Página Config3 min
Página Descobrir8 min
Página História12 min
Página Nova História11 min
Página Login10 min
Considerações finais1 min
Avaliação do Módulo