Deploy en Vercel
Despliega tu aplicación en Vercel
Deploy en Vercel
Vercel es la plataforma recomendada para Next.js.
Deploy
Conectar repositorio
- Ve a vercel.com y crea una cuenta
- Click en New Project
- Importa tu repositorio de GitHub/GitLab
Configurar variables de entorno
En Settings > Environment Variables, agrega:
NEXT_PUBLIC_APP_URL=https://tuapp.vercel.app
DATABASE_URL=postgresql://...
STRIPE_SECRET_KEY=sk_live_...
STRIPE_WEBHOOK_SECRET=whsec_...
NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY=pk_live_...
RESEND_API_KEY=re_...
EMAIL_FROM=noreply@tudominio.comPara Better Auth, también:
BETTER_AUTH_SECRET=...
BETTER_AUTH_URL=https://tuapp.vercel.appDeploy
Click en Deploy y espera a que termine.
Configurar dominio personalizado
- Ve a Settings > Domains
- Agrega tu dominio
- Configura los DNS según las instrucciones
Configuración adicional
Build command
Por defecto Vercel usa:
npm run buildOutput directory
Next.js maneja esto automáticamente.
Node.js version
En Settings > General, selecciona Node.js 18.x o superior.
Webhooks de Stripe
Actualiza el webhook en Stripe Dashboard:
- Ve a Developers > Webhooks
- Edita tu endpoint o crea uno nuevo
- URL:
https://tuapp.com/api/stripe/webhooks - Copia el nuevo signing secret a las variables de entorno
OAuth callbacks
Actualiza los callbacks en tus providers:
https://tuapp.com/api/auth/callback/googleGitHub
https://tuapp.com/api/auth/callback/githubPreview deployments
Vercel crea un deploy preview para cada PR. Las variables de entorno de preview pueden ser diferentes de producción.
No uses claves de producción de Stripe en previews. Configura variables específicas para el entorno de preview.
Monitoreo
Vercel incluye:
- Analytics: Métricas de rendimiento
- Logs: Logs en tiempo real
- Speed Insights: Web Vitals
Actívalos en tu dashboard de Vercel.