Firebase Hosting vs Vercel: cuál conviene para tu app

Firebase Hosting vs Vercel: los dos publican tu app con HTTPS y dominio propio, pero están pensados para cosas distintas. Vercel es lo más cómodo para Next.js y para que cada cambio en GitHub se publique solo. Firebase Hosting brilla cuando tu app ya usa el resto de Firebase (login, Firestore) y es una app estática, como React con Vite. La diferencia que más pesa para un negocio: el plan gratis de Vercel no permite uso comercial.

Comparativa rápida (a noviembre de 2026)

Concepto	Firebase Hosting	Vercel
Plan gratis	Spark: 10 GB almacenamiento, 360 MB/día transferencia (fuente)	Hobby: 100 GB/mes de Fast Data Transfer, 1M invocaciones de funciones (fuente)
Uso comercial en plan gratis	La página de precios no lo restringe; revisa los términos	No: Hobby es personal y no comercial
Plan de pago	Blaze, pago por uso (0.15 USD/GB extra de transferencia)	Pro, 20 USD/mes
Next.js con servidor	Con App Hosting (requiere cuenta de facturación)	Nativo, es de los creadores de Next.js
React/Vite estático	Sí	Sí
Despliegue desde GitHub	Opcional con GitHub Actions	Integrado: cada push despliega
Vistas previas por rama	Canales de vista previa (preview channels)	Automáticas por rama y pull request
Backend propio integrado	Firestore, Auth, Storage, Functions	No trae base de datos propia; se integra con terceros
Configuración	CLI (firebase deploy)	Panel web o CLI

Cuándo elegir Vercel

• Tu proyecto es Next.js, sobre todo si usa renderizado en servidor o rutas de API.
• Quieres que cada cambio en GitHub se publique solo, con URL de vista previa para cada rama.
• Tu app viene de v0 (también de Vercel) o de herramientas que generan Next.js.
• Es un proyecto personal o estás dispuesto a pagar Pro para uso comercial.

Guía: cómo subir tu página web a Vercel.

Cuándo elegir Firebase Hosting

• Tu app ya usa Firebase Auth o Firestore y quieres todo en una consola.
• Es una app estática (React/Vite construido, HTML).
• Prefieres el modelo de pago por uso de Blaze en vez de una cuota mensual fija.
• Estás en el ecosistema de Google Cloud.

Guía: cómo desplegar una app en Firebase.

Diferencias que se notan en el día a día

Cómo se despliega

En Vercel conectas el repositorio y te olvidas: Vercel corre npm run build en sus servidores. En Firebase Hosting, lo normal es construir en tu computadora y ejecutar:

npm run build
firebase deploy --only hosting

Puedes automatizarlo con GitHub Actions (el asistente firebase init hosting lo ofrece), pero es un paso extra.

Variables de entorno

En Vercel las capturas en el panel y se aplican en cada build. En Firebase Hosting, como el build suele ser local, las variables salen de tu .env. Es fácil desplegar con valores equivocados si tienes varios entornos. Ve variables de entorno en Vite y React.

Costos cuando creces

Vercel Pro es una cuota fija con uso incluido y cargos si lo rebasas. Firebase Blaze cobra por GB transferido y almacenado arriba del nivel gratuito. Para sitios con picos de tráfico, el pago por uso puede ser más barato o más caro según el mes; pon alertas de presupuesto en ambos casos.

Funciones de servidor

Vercel ejecuta funciones (por ejemplo, para cobrar con Stripe) dentro del mismo proyecto. En Firebase las haces con Cloud Functions, que requieren el plan Blaze.

¿Y si no es ninguno de los dos?

Para una página de negocio estática, Netlify o Cloudflare Pages también son buenas opciones gratis. Compara en desplegar app web gratis. Si todavía no tienes claro qué significa desplegar, empieza por qué es un deploy.

Si ya estás en uno y quieres cambiarte

Para una app estática (React/Vite), cambiar de hosting es relativamente sencillo porque el resultado del build es el mismo: la carpeta dist.

1. Despliega la app en el servicio nuevo y prueba en su dirección temporal (.web.app o .vercel.app).
2. Copia las variables de entorno y las reglas de rutas (rewrites) al formato del servicio nuevo.
3. Agrega tu dominio en el servicio nuevo y cambia los registros DNS en tu proveedor.
4. Actualiza las URLs de redirección de tu login (Supabase, Firebase Auth) con el dominio.
5. Deja el servicio anterior funcionando unos días hasta confirmar que todo el tráfico ya llega al nuevo.

Lo que no se mueve solo son las funciones de servidor: Cloud Functions y Vercel Functions se escriben distinto y hay que adaptarlas.

Cuándo pedir ayuda

Si tu app es estática y ya usas Firebase, quédate con Firebase. Si es Next.js, Vercel. Si tu app mezcla backend, pagos y login, o la hiciste con IA y no sabes qué partes necesitan servidor, conviene revisar la arquitectura antes de elegir. En Black Engine lo revisamos por WhatsApp y te recomendamos lo que conviene a tu caso.