Manual: Supabase + Stripe

Integração para plataforma de sorteios diários

Passo 1: Pré-requisitos

  • Conta no Supabase
  • Conta no Stripe
  • Projeto com Next.js + TailwindCSS + ShadCN UI

Passo 2: Integração com Supabase

  1. Criar projeto no Supabase e copiar SUPABASE_URL e SUPABASE_ANON_KEY
  2. Executar o SQL:
    -- SQL básico
    CREATE TABLE sorteios (...);
    CREATE TABLE participantes (...);
                    
  3. Habilitar login por e-mail/senha
  4. Opcional: criar bucket chamado comprovantes

Passo 3: Integração com Stripe

  1. Criar produto e obter price_id
  2. Adicionar ao .env.local:
    NEXT_PUBLIC_SUPABASE_URL=...
    NEXT_PUBLIC_SUPABASE_ANON_KEY=...
    STRIPE_SECRET_KEY=...
    STRIPE_WEBHOOK_SECRET=...
    NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY=...
                    
  3. Criar /api/stripe/checkout para redirecionar
  4. Criar /api/stripe/webhook e capturar evento checkout.session.completed

Passo 4: Funcionamento do sistema

  • Sorteio diário gerado automaticamente
  • Usuários participam com R$5 por número
  • Ganhador sorteado ao final do dia
  • Ganhadores visíveis na landing page

Passo 5: Pronto para produção

  • Supabase configurado
  • Stripe funcionando
  • Ambiente com variáveis
  • Deploy (Vercel, por exemplo)

Desenvolvido com ❤️ para gerar engajamento e oportunidades reais.