Desplegá tu web gratis en Vercel en 10 minutos
Desplegar una web gratis en Vercel toma menos de 10 minutos si ya tenés el proyecto en GitHub. Subís el repo, conectás tu cuenta, Vercel detecta el framework automáticamente y te da una URL pública del tipo tu-proyecto.vercel.app. Sin configurar servidores, sin tarjeta de crédito para el plan gratuito.
En 30 segundos
- Vercel es una plataforma de despliegue creada por el equipo de Next.js, con CDN global y plan gratuito sin límite de tiempo.
- El flujo es: código en GitHub → importar en Vercel → clic en Deploy → URL pública lista.
- Detecta automáticamente Next.js, React, Vue, Svelte y más de 30 frameworks.
- Cada push a tu rama principal dispara un redespliegue automático, sin pasos extra.
- El plan free cubre proyectos personales y portfolios sin costo; el Pro arranca en USD 20/mes para equipos.
Qué es Vercel y por qué elegirlo para desplegar gratis
Vercel es una plataforma de despliegue en la nube orientada al frontend que te permite publicar sitios y aplicaciones web conectando directamente tu repositorio de GitHub. La crearon los mismos que desarrollaron Next.js, así que la integración con ese framework es prácticamente perfecta.
Lo que la diferencia de otras opciones es la combinación de velocidad de setup y CDN global. Cuando desplegás, tu sitio se distribuye automáticamente en múltiples regiones. El visitante recibe el contenido desde el nodo más cercano a él, sin que vos configures nada.
Eso sí: el plan gratuito tiene límites. Funciona bárbaro para proyectos personales, portfolios y experimentación. Si necesitás dominios personalizados avanzados, analíticas detalladas o proyectos comerciales con alto tráfico, ahí sí conviene mirar el plan Pro (USD 20/mes por miembro de equipo).
Requisitos previos: lo que necesitás antes de empezar
Antes de tocar Vercel, revisá que tenés esto resuelto:
- Una cuenta en GitHub (gratuita)
- Tu proyecto subido a un repositorio en GitHub (público o privado, ambos funcionan con el plan free)
- Si es un proyecto con dependencias, que tenga
package.jsoncon los scripts de build correctos - Que el proyecto compile localmente sin errores (suena obvio, pero es el error más frecuente)
No necesitás dominio propio, no necesitás servidor, no necesitás saber de infraestructura. Vercel se encarga de todo eso. Relacionado: optimizar el SEO internacional.
Paso 1: Subí tu proyecto a GitHub
Si ya tenés el código en GitHub, salteá este paso. Si no, abrí VS Code con tu proyecto y ejecutá estos comandos en la terminal:
git add .git commit -m "Initial commit"git remote add origin https://github.com/tuusuario/tu-repo.gitgit push -u origin main
Después de esto, tu código está disponible en GitHub y Vercel puede acceder a él. Este paso es no negociable: Vercel trabaja a partir de repositorios Git, no de uploads directos de archivos.
¿Por qué importa hacerlo bien desde el principio? Porque Vercel escucha cambios en tu repositorio. Cada vez que hacés un git push, se dispara un nuevo despliegue de forma automática. Si el historial de commits está sucio o el repo mal configurado, esos redespliegues pueden fallar sin razón aparente.
Paso 2: Creá tu cuenta en Vercel y conectá GitHub
Entrá a vercel.com y hacé clic en “Sign Up”. La opción más directa es usar tu cuenta de GitHub: autorizás a Vercel a leer tus repositorios y en dos clics ya estás dentro.
Cuando autorizás el acceso, Vercel te pregunta si querés darle acceso a todos tus repos o solo a algunos específicos. Para empezar, podés elegir solo el repositorio del proyecto que vas a desplegar. Podés ampliar el acceso después si lo necesitás.
Paso 3: Importá tu repositorio y dejá que Vercel configure todo
Una vez adentro del dashboard, clic en “Add New Project”. Vercel te muestra la lista de repositorios a los que tiene acceso. Seleccionás el tuyo. En alternativas para desplegar en AWS profundizamos sobre esto.
Acá viene lo bueno: Vercel detecta automáticamente qué framework estás usando. Si es Next.js, React, Vue, Svelte, Astro o cualquiera de los más de 30 que soporta, configura los comandos de build sin que vos hagas nada. Para un proyecto Next.js estándar, no tenés que tocar nada en esta pantalla.
La única sección que sí puede requerirte atención es la de variables de entorno. Si tu proyecto usa claves de API, tokens o configuraciones sensibles (típico en proyectos con base de datos o servicios externos), tenés que cargarlas acá antes de hacer el primer deploy. No las metas directamente en el código (especialmente si tu repo es público).
Paso 4: Desplegá y obtené tu URL pública
Clic en “Deploy”. Vercel empieza el proceso de build y entre 1 y 5 minutos (según el tamaño del proyecto) te da una URL del tipo tu-proyecto.vercel.app.
Esa URL es permanente y funciona desde el primer momento. No necesitás configurar DNS, no necesitás esperar propagación. Podés compartirla y cualquiera puede acceder al instante.
Para los redespliegues siguientes, el proceso es transparente: hacés git push, Vercel detecta el cambio, construye la nueva versión y la publica. Si el nuevo build falla, Vercel mantiene la versión anterior activa (eso sí es un golazo comparado con deployar a mano en un servidor). Esto se conecta con lo que analizamos en otras plataformas de hosting.
Configuraciones opcionales que vale la pena conocer
Dominio personalizado
El dominio vercel.app es gratuito e ilimitado. Si tenés un dominio propio (o querés comprar uno), podés conectarlo desde la sección “Domains” en el dashboard de tu proyecto. El SSL se configura solo. Para el dominio en sí, donweb.com tiene opciones de dominios .ar y .com con gestión desde Argentina.
Analytics básicos gratuitos
Vercel incluye análisis básicos de visitas en el plan free. No son tan detallados como Google Analytics, pero te dan pageviews y origen del tráfico sin configurar nada extra.
Preview deployments
Cada rama de Git que no sea main genera automáticamente una URL de preview. Ponele que creás una rama feature/nuevo-diseño y hacés push: Vercel te da una URL temporal para revisar ese cambio sin afectar el sitio en producción. Muy útil para revisar cambios antes de mergear.
Plan gratuito vs. Pro: comparativa real
| Característica | Plan Free (Hobby) | Plan Pro |
|---|---|---|
| Precio | USD 0 | USD 20/mes por miembro |
| Proyectos | Ilimitados | Ilimitados |
| Dominios personalizados | Sí | Sí |
| Ancho de banda | 100 GB/mes | 1 TB/mes |
| Ejecución de funciones serverless | 100 GB-horas/mes | 1000 GB-horas/mes |
| Uso comercial | No permitido | Sí |
| Soporte | Comunidad | Email prioritario |
| Analytics avanzados | No | Sí |
El punto sobre uso comercial es importante: según la documentación oficial de Vercel, el plan Hobby está pensado para proyectos personales y no comerciales. Si estás montando algo para un cliente o que va a generar ingresos, el Pro es el camino correcto.
Errores frecuentes al desplegar en Vercel
Build que funciona local pero falla en Vercel
El más común. Generalmente pasa porque el entorno de Vercel es Linux y el local es Windows, o porque hay diferencias en versiones de Node. Verificá que el package.json tenga la versión de Node especificada en el campo engines. Podés forzar una versión desde el dashboard de Vercel en la configuración del proyecto.
Variables de entorno que no se cargan
Esto pasa mucho en proyectos Next.js: las variables con prefijo NEXT_PUBLIC_ son accesibles en el cliente, las sin prefijo solo en el servidor. Si configurás una variable en Vercel pero la usás mal en el código, el valor va a ser undefined en producción aunque localmente funcione (porque en local tenés el archivo .env.local). Revisá bien los prefijos antes de culpar a la plataforma.
Redespliegues automáticos que no se disparan
Si hacés push y el redeploy no arranca, revisá dos cosas: que el push fue a la rama conectada (por defecto main o master) y que Vercel sigue teniendo acceso al repositorio en GitHub (los permisos de OAuth pueden caducar). Desde el dashboard podés forzar un redeploy manual para descartar problemas de integración. Te puede servir nuestra cobertura de infraestructura como código.
Problemas con rutas en apps de una sola página (SPA)
Si tenés una SPA con React Router y las rutas directas (tipo /about) devuelven 404, necesitás un archivo vercel.json con rewrites que redirijan todo al index.html. Vercel no hace eso automáticamente para SPAs genéricas (sí lo hace para Next.js, que tiene su propio sistema de rutas).
Preguntas Frecuentes
¿Es completamente gratis desplegar en Vercel?
El plan Hobby de Vercel es gratuito sin fecha de vencimiento para proyectos personales. Incluye dominio .vercel.app, SSL automático, deploys ilimitados y 100 GB de ancho de banda mensual. El costo llega si necesitás el plan Pro (USD 20/mes por miembro del equipo) para proyectos comerciales o con requerimientos más altos.
¿Cómo conecto GitHub a Vercel?
Durante el registro en vercel.com, elegís “Continue with GitHub”. Autorizás la OAuth app de Vercel en GitHub y desde ahí Vercel puede ver y clonar tus repositorios. Podés elegir acceso a todos los repos o solo a los que seleccionés. La conexión se mantiene y cada push gatilla un nuevo despliegue automáticamente.
¿Puedo desplegar Next.js gratis en Vercel?
Sí, y es la combinación más fluida que existe. Según la documentación oficial de Next.js, Vercel es la plataforma recomendada para despliegue y soporta todas las funcionalidades del framework (SSR, SSG, ISR, API routes) sin configuración adicional. El plan gratuito lo cubre si es un proyecto personal.
¿Cuánto tarda el primer despliegue?
Entre 1 y 5 minutos para la mayoría de los proyectos. El tiempo depende del tamaño del proyecto y la complejidad del build. Los redespliegues posteriores suelen ser más rápidos porque Vercel cachea partes del proceso. Una vez terminado, la URL está activa de forma inmediata.
¿Qué frameworks soporta Vercel además de Next.js?
Vercel detecta y configura automáticamente más de 30 frameworks: React, Vue, Svelte, Astro, Nuxt, SvelteKit, Remix, Angular, Gatsby, Jekyll, Hugo y varios más. Para proyectos con HTML/CSS/JS estático sin framework, también funciona sin configuración adicional.
Conclusión
Vercel resolvió bien el problema del despliegue para desarrolladores que no quieren meterse con infraestructura. La integración con GitHub es sólida, la detección automática de frameworks ahorra tiempo real, y el plan gratuito alcanza para la mayoría de los proyectos personales y experimentación.
El flujo es: código en GitHub, conectar con Vercel, hacer clic en Deploy. En menos de 10 minutos tenés una URL pública funcionando con CDN global y SSL. Eso hace unos años requería configurar un servidor, un reverse proxy y gestionar certificados. Hoy lo hace la plataforma sola (si es que eso cuenta como progreso, y en este caso definitivamente sí).
Lo que hay que tener claro: el plan free es para proyectos personales. Si es para un cliente o algo que genera dinero, el plan Pro empieza en USD 20/mes y evitás problemas con los términos de uso. Para el resto, es difícil encontrar algo más simple para desplegar web gratis hoy.
