InícioSuporte
InícioSuporteLinks
Entrar
  1. Formação em Vibe Coding
  3. WeWeb para Iniciantes
  5. Lista de Mercado WeWeb 3.0
Modificar Itens

Página dinâmica de produtos

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

Lista de Mercado WeWeb 3.0
Progresso do Módulo
0 de 58 aulas concluídas
Inspiração e planejamento do aplicativo
Criando uma conta gratuita e um projeto weweb
Apresentando a interface do weweb
Criando o cabeçalho
Criando o corpo - Formulário
Criando o corpo - Lista de Produtos
Popup de confirmação de exclusão do produto (e variáveis)
Fonte de dados do weweb
Criando conta gratuita no Supabase
Estruturando a tabela produtos
Configurar plugin Supabase
Coleção Listar Produtos
Listando produtos pelo aplicativo
Nome do produto dinâmico
Status do produto dinâmico - com visibilidade condicional
Status do produto dinâmico - com fórmula IF
Alterando o texto de forma dinâmica
Incluindo produtos pelo aplicativo
Atualizar a lista de produtos
Limpar o input após o cadastro
Passar variável do produto a ser excluído
Excluir o Produto
Alterar status do produto
Página dinâmica de produtos
Buscando um produto único no Supabase
Popular página dinâmica com coleção
Editar produto
Filtrar os resultados na coleção
Filtrar os resultados com função FILTER BY KEY
Ordenar a lista na coleção
Paginação da lista de produtos
Configurando autenticação
Tela de cadastro de usuário
Tratamento de erros
Personalizando as mensagens de erro
Logout de usuário
Tela de login de usuário
Associando produtos ao usuário
Filtrando produtos do usuário
Protegendo a página
Melhorando o design do nosso aplicativo
Melhorando o design do cabeçalho
Melhorando o design do formulário (Parte 1)
Melhorando o design do formulário (Parte 2)
Melhorando o design da lista de produtos (Parte 1)
Melhorando o design da lista de produtos (Parte 2)
Design da página principal - Responsividade
Melhorando design página produto
Barra de progresso em ações longas
Assinando o plano pago
Publicando o aplicativo
Conectando domínio personalizado
Inserindo entradas DNS no Cloudflare
Testando o aplicativo publicado (e apontamento @)
Metadados e SEO
Publicando o aplicativo subdominio weweb
Finalizando Módulo
Avaliação do Módulo