Vercel convierte tu proyecto en una web con dirección propia. Lo más cómodo es conectarlo a tu repositorio de GitHub: cada vez que subes cambios, la web se actualiza sola. Así se publica esta misma web.
- GitHub
- Vercel
- Next.js
La primera vez
- 1Sube tu proyecto a GitHub (mira la guía de Git y GitHub).
- 2Entra en vercel.com con tu cuenta de GitHub y pulsa Add New → Project.
- 3Elige tu repositorio y pulsa Deploy. En un par de minutos tendrás un enlace .vercel.app.
- 4Para usar tu propio dominio: en el proyecto, Settings → Domains.
Cada push a la rama principal publica la web «de verdad» (producción). Las demás ramas crean una vista previa con su propio enlace: perfecta para enseñar un cambio antes de publicarlo.
Mal uso vs buen uso
Mal uso: Publicar sin haberlo probado en tu ordenador.
Buen uso: Probar antes con npm run dev, y npm run build para detectar errores.
Mal uso: Escribir las claves dentro del código.
Buen uso: Guardarlas en Settings → Environment Variables de Vercel.
Mal uso: Agobiarse cuando el despliegue falla.
Buen uso: Abrir el registro del despliegue, copiar el error y pegárselo a la IA.
Consejo. Si algo se rompe en la web publicada, en Vercel puedes volver al despliegue anterior en un clic mientras lo arreglas con calma.
Ojo. El plan gratuito (Hobby) es para proyectos personales y no comerciales. Si vas a cobrar a través de tu web, revisa el plan Pro.