Guia Completo: Deploy na Vercel para Bot 24/7

1. Exportar o Código do v0 para GitHub

Opção A - Via GitHub (Recomendado):

Clique no botão "Settings" (engrenagem) no canto superior direito do v0
Vá em "Settings" > "GitHub"
Clique em "Connect to GitHub"
Autorize o v0 a acessar sua conta GitHub
Escolha "Create new repository" ou selecione um repositório existente
O v0 vai fazer push automático do código para o repositório

Opção B - Download ZIP + Push Manual:

Clique nos três pontinhos (⋮) no canto superior direito da visualização do código
Selecione "Download ZIP"
Extraia o ZIP no seu computador
No terminal:

cd pasta-do-projeto-extraido
git init
git add .
git commit -m "Initial commit - Bot Telegram com Mercado Pago"
git branch -M main
git remote add origin https://github.com/SEU_USUARIO/SEU_REPOSITORIO.git
git push -u origin main

2. Criar Projeto na Vercel

Acesse vercel.com e faça login (ou crie conta com GitHub)
Clique em "Add New..." → "Project"
Na lista de repositórios, encontre o repositório que você criou e clique "Import"
Framework Preset: Deve detectar automaticamente como Next.js
NÃO clique em Deploy ainda - primeiro configure as variáveis de ambiente (próximo passo)

3. Configurar Environment Variables na Vercel

Na tela de configuração do projeto, expanda "Environment Variables" e adicione:

Variável	Onde Pegar	Obrigatório
`TELEGRAM_BOT_TOKEN`	@BotFather no Telegram → `/mytoken` ou quando criou o bot	Sim
`MERCADOPAGO_ACCESS_TOKEN`	Mercado Pago Developers → Suas integrações → Credenciais de produção → Access Token	Sim
`SUPABASE_SERVICE_ROLE_KEY`	Supabase Dashboard → Seu projeto → Settings → API → service_role (secret)	Recomendado
`NEXT_PUBLIC_BASE_URL`	Deixe vazio por agora - você vai adicionar depois do primeiro deploy	Opcional

Importante: O Supabase URL e ANON_KEY já estão hardcoded no código (lib/supabase.ts). Se quiser usar variáveis de ambiente:

NEXT_PUBLIC_SUPABASE_URL = https://izvulojnfvgsbmhyvqtn.supabase.co
NEXT_PUBLIC_SUPABASE_ANON_KEY = (a key que está no código)

Após adicionar as variáveis, clique em "Deploy".

4. Registrar o Webhook de Produção no Telegram

Após o deploy (leva ~1-2 minutos):

A Vercel vai mostrar sua URL de produção, algo como:
https://seu-projeto.vercel.app
Abra no navegador (substitua pelos seus valores):
https://seu-projeto.vercel.app/api/telegram/setup?token=SEU_BOT_TOKEN_COMPLETO
Exemplo real:
https://meu-bot-vendas.vercel.app/api/telegram/setup?token=7123456789:AAHxyz123abc456def789ghi
Você deve ver uma resposta JSON:
{ "success": true, "message": "Webhook configured successfully", "webhookUrl": "https://seu-projeto.vercel.app/api/telegram/webhook?token=..." }

5. Verificar se o Webhook Foi Registrado

Acesse no navegador (substitua pelo seu token):

https://api.telegram.org/bot<SEU_TOKEN>/getWebhookInfo

Exemplo:

https://api.telegram.org/bot7123456789:AAHxyz123abc456def789ghi/getWebhookInfo

Resposta esperada:

{
  "ok": true,
  "result": {
    "url": "https://seu-projeto.vercel.app/api/telegram/webhook?token=...",
    "has_custom_certificate": false,
    "pending_update_count": 0,
    "last_error_date": null,
    "last_error_message": null,
    "max_connections": 40,
    "allowed_updates": ["message", "callback_query"]
  }
}

Sinais de sucesso:

url aponta para seu domínio .vercel.app
pending_update_count é 0 ou baixo
last_error_message é null

6. Testar o Bot

Abra o Telegram
Encontre seu bot pelo username
Envie /start
O bot deve responder com a mensagem inicial do fluxo

Se não responder, veja a seção de debug abaixo.

7. Configurar Webhook do Mercado Pago

Acesse Mercado Pago Developers
Selecione sua aplicação
Vá em "Webhooks" ou "Notificações IPN"
Configure a URL de notificação:
https://seu-projeto.vercel.app/api/payments/webhook/mercadopago
Eventos: Selecione "Payments" ou "payment.created" e "payment.updated"

8. Debug e Logs na Vercel

Ver logs em tempo real:

No dashboard da Vercel, clique no seu projeto
Vá na aba "Logs" (ou "Deployments" → clique no deploy → "Functions")
Selecione a função /api/telegram/webhook
Você verá os logs de cada requisição que chega

Ou via CLI:

npx vercel logs seu-projeto.vercel.app --follow

Testar se o webhook está recebendo:

Envie qualquer mensagem para o bot
Nos logs da Vercel, você deve ver a requisição POST chegando
Se houver erro, o log mostrará o stack trace

9. Ajustes Recomendados no Código (Opcional)

O código atual já está bom, mas se quiser melhorar a detecção de ambiente, posso fazer um pequeno ajuste. Me avise se quiser que eu faça alguma dessas melhorias:

Adicionar logs mais detalhados para debug
Melhorar tratamento de erros no webhook
Adicionar retry em caso de falha do Supabase

Confirmação Final

SIM, após o deploy e configuração do webhook de produção, o bot ficará rodando 24/7 automaticamente.

Isso acontece porque:

Os webhooks são serverless - a Vercel mantém a infraestrutura sempre pronta
Quando o Telegram envia um update, a Vercel acorda a função, processa e responde
O Supabase Cloud guarda todos os dados persistentemente
Você pode desligar seu computador, fechar o navegador - o bot continua funcionando

Custo: O plano gratuito da Vercel (Hobby) permite ~100.000 execuções/mês, suficiente para bots de médio porte.

Se tiver qualquer dúvida em algum passo ou encontrar algum erro, me avise que te ajudo a resolver!

Os avisos mostrados são apenas sugestões de otimização, não erros que quebram a aplicação:

Middleware deprecation - Aviso informativo do Next.js 16, retrocompatível
LCP image loading - Sugestão de performance
Image aspect ratio - Sugestão de CSS

Nenhuma correção é necessária - o sistema está funcionando normalmente. Você pode prosseguir com o deploy na Vercel seguindo o guia que enviei acima.