Início

Criando imagem de capa da história | Formação em Vibe Coding | ibe.IA

Formação em Vibe Coding
Bubble - Aplicativos completos
Criando Histórias com IA - Bubble AI Story Maker

Subindo imagens para o Storage do Supabase

Criando imagem de capa da história

Crie a imagem de capa da sua história utilizando inteligência artificial, integrando o Bubble e o N8N para gerar visuais vibrantes e personalizados que capturam a essência da sua narrativa.

Acesso Restrito

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

Fazer login Voltar para o curso

Anterior Pró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