Stack Gratuito en Producción: Todo lo que Incluye Vercel Hobby + Cloudflare Free (Y lo que No Te Cuentan)

Programación· 6 min de lectura

Stack Gratuito en Producción: Todo lo que Incluye Vercel Hobby + Cloudflare Free (Y lo que No Te Cuentan)

100GB de ancho de banda. SSL automático. CDN global. Todo sin gastar un euro.

Eso es lo que obtienes combinando Vercel Hobby con Cloudflare Free. Y en 2026, con la cantidad de herramientas que existen para construir rápido, no hay excusa para no tener algo desplegado en producción antes de validar si merece inversión.

Pero hay un problema.

La mayoría de la gente llega al error ERR_TOO_MANY_REDIRECTS y abandona pensando que la configuración es complicada. No lo es. Es un único ajuste de SSL que nadie explica bien.

Te cuento el stack completo, los límites reales, y los dos o tres detalles técnicos que marcan la diferencia.

El Stack: Qué Tienes Gratis

Antes de entrar en la configuración, vamos a ser claros sobre qué incluye cada capa.

Vercel Hobby (gratuito):

  • 100GB de ancho de banda al mes
  • 2 cron jobs (solo frecuencia diaria)
  • Hasta 50 dominios
  • SSL automático vía Let’s Encrypt
  • Uso no comercial — esto es importante, lo explico más abajo

Cloudflare Free:

  • DNS gestionado + CDN global
  • SSL Universal (automático)
  • Hasta 100.000 peticiones diarias en Workers
  • 10GB de almacenamiento en R2 (sin costes de egress)
  • 500 deploys en Pages

Juntos, esto es infraestructura de nivel enterprise para proyectos personales, side projects y validaciones. Punto.

Paso 1: El Dominio — Cómpralo en Cloudflare Registrar

Esto es lo primero que cambié hace tiempo y no he vuelto atrás.

Cloudflare Registrar vende dominios al precio de coste. Sin markup. Sin renovaciones infladas. Sin upsells agresivos en el checkout. La diferencia frente a registradores tradicionales como GoDaddy o Namecheap es notable a largo plazo, y además tienes el DNS y la CDN integrados directamente.

Si ya tienes un dominio en otro registrador, puedes transferirlo. Si vas a comprar uno nuevo, empieza directamente en Cloudflare.

Ventaja adicional: cuando el dominio vive en Cloudflare, la propagación de DNS es casi instantánea. Nada de esperar 48 horas.

Paso 2: Conecta Vercel con Cloudflare — Los DNS Exactos

Aquí es donde la mayoría comete el primer error: no saben qué tipo de registro usar para cada caso.

Vercel necesita configuraciones distintas según si apuntas al dominio raíz (apex) o al subdominio www.

[@portabletext/react] Unknown block type "code", specify a component for it in the `components.types` prop

En Cloudflare, cuando añadas estos registros, verás una nube naranja (proxy activado) o gris (solo DNS). Para empezar, deja la nube gris (DNS only) hasta que tengas el SSL funcionando. Luego puedes activar el proxy si quieres la CDN de Cloudflare por encima.

Paso 3: El Error que Para a Todo el Mundo — ERR_TOO_MANY_REDIRECTS

Si activas el proxy de Cloudflare (nube naranja) sin configurar bien el SSL, vas a ver esto:

[@portabletext/react] Unknown block type "code", specify a component for it in the `components.types` prop

Lo que pasa es un bucle: Cloudflare intenta redirigir a HTTPS, Vercel también redirige, y se forma un loop infinito.

El fix es un solo ajuste en Cloudflare:

  1. Ve a SSL/TLS en el panel de Cloudflare
  2. Cambia el modo a Full (Strict)
[@portabletext/react] Unknown block type "code", specify a component for it in the `components.types` prop

Vercel ya incluye certificados SSL válidos automáticamente. Con Full (Strict), Cloudflare los respeta y no hay conflicto.

Este es el error número uno. Literal. Si estás leyendo esto con el bucle activo, ve ahora mismo a cambiarlo.

Los Límites Reales de Vercel Hobby (Léelos Antes de Lanzar)

Aquí es donde hay que ser honesto, porque el tier gratuito de Vercel tiene condiciones que mucha gente ignora hasta que ya es tarde.

100GB de ancho de banda: para la mayoría de proyectos en fase de validación, es más que suficiente. Pero si tienes tráfico real y constante, empieza a vigilarlo.

2 cron jobs con frecuencia mínima diaria: esto es el límite que más duele. Si necesitas tareas cada hora, o cada 15 minutos, el plan gratuito no es para ti. En mi caso, cuando construí herramientas que necesitaban crons más frecuentes, fue la primera señal de que tocaba upgradear.

Uso no comercial obligatorio: este es el más importante y el menos leído. Vercel Hobby prohíbe explícitamente el uso comercial. Si tu proyecto genera ingresos, ya sea por suscripciones, publicidad o cualquier otra vía, necesitas el plan Pro. No es opcional.

50 dominios: límite generoso para proyectos personales, pero si estás construyendo un portfolio multisitio o una plataforma con subdominios dinámicos, lo alcanzas.

Arquitectura Opcional: R2 para Assets, Vercel para Compute

Una combinación que funciona bien y que no mucha gente considera:

Si tienes assets estáticos pesados (imágenes, PDFs, vídeos), puedes servirlos desde Cloudflare R2 y dejar que Vercel solo gestione el compute.

La ventaja es que R2 no cobra por egress. Cero. Los archivos salen a cualquier usuario del mundo sin coste de transferencia. Vercel, en cambio, cuenta cada GB contra tu límite de ancho de banda.

[@portabletext/react] Unknown block type "code", specify a component for it in the `components.types` prop

No es la arquitectura para el día uno, pero si empiezas a notar que el ancho de banda se va rápido, ahí tienes la solución.

5 Señales de que Has Superado el Tier Gratuito

El plan gratuito tiene su momento. Estos son los indicadores de que ya no es suficiente:

  1. Necesitas crons más frecuentes que una vez al día
  2. Tu proyecto genera ingresos (ya no es no-comercial)
  3. Superas los 100GB de bandwidth mensual
  4. Colaboras con un equipo y necesitas roles y permisos
  5. Necesitas SLA o soporte para algo en producción real

Cuando llegues a ese punto, la combinación Vercel Pro + Cloudflare de pago es el siguiente escalón natural. Infraestructura de nivel enterprise sin necesitar gestionar tus propios servidores. Rentable si lo comparas con lo que ahorras en tiempo de mantenimiento.

Checklist de Configuración en 30 Minutos

[@portabletext/react] Unknown block type "code", specify a component for it in the `components.types` prop

Para Cerrar

En 2026, no existe razón técnica para no tener algo desplegado en producción mientras validas una idea. El stack Vercel Hobby + Cloudflare Free te da ancho de banda, SSL, CDN y DNS gestionado sin coste.

Lo único que necesitas es configurar bien el SSL desde el principio — el modo Full (Strict) — y conocer los límites antes de comprometerte con el plan gratuito para algo comercial.

Empieza ahora: regístrate en Vercel y Cloudflare, sigue el checklist de arriba, y deja el enlace de tu proyecto en los comentarios. Lo reviso y te digo qué optimizaría primero.

Seguimos construyendo.

Brian Mena

Brian Mena

Ingeniero informatico construyendo productos digitales rentables: SaaS, directorios y agentes de IA. Todo desde cero, todo en produccion.

LinkedIn