Opção A - Via GitHub (Recomendado):
Opção B - Download ZIP + Push Manual:
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 mainNa 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.coNEXT_PUBLIC_SUPABASE_ANON_KEY = (a key que está no código)Após adicionar as variáveis, clique em "Deploy".
Após o deploy (leva ~1-2 minutos):
A Vercel vai mostrar sua URL de produção, algo como:
https://seu-projeto.vercel.appAbra no navegador (substitua pelos seus valores):
https://seu-projeto.vercel.app/api/telegram/setup?token=SEU_BOT_TOKEN_COMPLETOExemplo real:
https://meu-bot-vendas.vercel.app/api/telegram/setup?token=7123456789:AAHxyz123abc456def789ghiVocê deve ver uma resposta JSON:
{
"success": true,
"message": "Webhook configured successfully",
"webhookUrl": "https://seu-projeto.vercel.app/api/telegram/webhook?token=..."
}Acesse no navegador (substitua pelo seu token):
https://api.telegram.org/bot<SEU_TOKEN>/getWebhookInfoExemplo:
https://api.telegram.org/bot7123456789:AAHxyz123abc456def789ghi/getWebhookInfoResposta 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.apppending_update_count é 0 ou baixolast_error_message é null/startSe não responder, veja a seção de debug abaixo.
Configure a URL de notificação:
https://seu-projeto.vercel.app/api/payments/webhook/mercadopagoVer logs em tempo real:
/api/telegram/webhookOu via CLI:
npx vercel logs seu-projeto.vercel.app --followTestar se o webhook está recebendo:
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:
SIM, após o deploy e configuração do webhook de produção, o bot ficará rodando 24/7 automaticamente.
Isso acontece porque:
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:
Nenhuma correção é necessária - o sistema está funcionando normalmente. Você pode prosseguir com o deploy na Vercel seguindo o guia que enviei acima.
Vou implementar a funcionalidade para mostrar os dados das conversas recentes na dashboard. Primeiro vou verificar a estrutura das tabelas e depois fazer as alterações necessárias.
Agora tenho todas as informações necessárias. Vou criar uma API para buscar conversas recentes e atualizar a dashboard para exibir esses dados.
Agora vou atualizar a tabela de conversas recentes para exibir os dados:
Implementei a funcionalidade de conversas recentes na dashboard. Agora a tabela "Conversas Recentes" exibe os dados reais dos usuários que interagiram com o bot, incluindo:
Os dados são atualizados automaticamente a cada 30 segundos e o filtro de período (Semana/Mês/Ano) funciona corretamente.