Construindo uma Ticketeira Completa
Este guia mostra um fluxo end-to-end para construir uma ticketeira usando o Meaple SDK. Você verá como os recursos se conectam em cada etapa, com exemplos em Core, React Query e Headless Components.
O que você vai construir
Uma ticketeira completa que permite:
- Listar eventos do canal com filtros de busca e categorias
- Ver detalhes do evento e adicionar/remover ingressos e produtos do carrinho
- Aplicar cupom de desconto ao carrinho
- Criar o pedido e redirecionar para o checkout
- Exibir o pedido após a compra
- Gerenciar pedidos e ingressos do usuário (com autenticação)
Pré-requisitos: SDK configurado conforme o Guia rápido, MeapleSDKProvider e QueryClientProvider no layout (se usar React Query), e variável NEXT_PUBLIC_MEAPLE_CHECKOUT_URL apontando para a URL do checkout.
Fluxo de implementação
Parte 1: Fluxo público (sem autenticação)
Estes passos não exigem login. O usuário pode navegar, escolher ingressos, aplicar cupom e finalizar a compra sem estar autenticado.
1. Listagem de eventos2. Detalhes e carrinho3. Aplicar cupom4. Criar pedido e checkout5. Pedido comprado
Parte 2: Fluxo autenticado (com login)
Estes passos exigem autenticação do usuário. Configure o OAuth2 conforme Autenticação.
Last updated on