Desplegar en Vercel (recomendado)
- Sube tu código a GitHub
- Importa el repositorio en Vercel
- Añade todas las variables de entorno
- Deploy
Shipabase también funciona en cualquier plataforma que soporte Next.js 14 (Railway, Fly.io, un VPS con Node…).
Variables de entorno de producción
No reutilices los valores de desarrollo. Asegúrate de actualizar:
NEXT_PUBLIC_SITE_URL→ tu dominio de producción (https://tudominio.com)- Claves de Stripe → las de modo live (
pk_live_...,sk_live_...) STRIPE_WEBHOOK_SECRET→ el secreto del webhook de producción (ver abajo)
Las claves de Supabase pueden ser las mismas si usas el mismo proyecto, aunque para un SaaS serio conviene un proyecto de Supabase separado para producción.
Pasos post-despliegue
1. Webhook de Stripe en producción
En el Stripe Dashboard (en modo live), crea el webhook endpoint:
- URL:
https://tudominio.com/api/webhooks - Eventos: todos los de checkout, customer, product, price y subscription
Copia el whsec_... resultante a las variables de entorno de tu hosting. Recuerda también recrear tus productos en modo live — los de test no existen en producción.
2. URLs de redirección OAuth en Supabase
Para que el login OAuth funcione en producción:
- Ve a Authentication → URL Configuration en Supabase
- Configura Site URL con tu dominio de producción
- Añade tu dominio a las Redirect URLs
3. Verificación final
Haz una compra real de prueba: regístrate, suscríbete a un plan y confirma que la suscripción aparece en la tabla subscriptions de Supabase. Si algo falla, revisa Solución de problemas.
Siguiente paso
Guarda a mano la página de Solución de problemas.