Un host es una computadora en algún lugar que contesta cuando un navegador pregunta por tu-restaurante.com. No necesitas ser dueño de la computadora, configurarla, ni pagar por ella todos los meses. Los tres hosts de abajo corren tu sitio gratis siempre que unos pocos miles de comensales visiten al mes — lo cual, para un restaurante de barrio de 60 asientos, es la mayoría de ellos.
Lo que vas a poder hacer al final
- Elegir un host (Cloudflare Pages, Netlify, o Vercel) — todos gratis, todos equivalentes para este sitio.
- Subir el ZIP por drag-and-drop o CLI; ver la URL interina en vivo.
- Conectar tu dominio personalizado vía DNS CNAME / A record; esperar 10-60 min para propagación.
Versión en lenguaje sencillo — la lectura rápida
Elige uno de tres hosts: Cloudflare Pages, Netlify, o Vercel. Todos son gratis para tu sitio. Arrastra la carpeta descomprimida al área de subida del host. Espera unos treinta segundos. Tu sitio está en vivo en una URL gratis. Luego añade tu dominio real.
Elige un host — son casi iguales
La verdad honesta: para un sitio de HTML estático como el tuyo, los tres hosts hacen lo mismo. Toman tu carpeta, la copian a una red de servidores alrededor del mundo, y la sirven de vuelta por HTTPS cuando el navegador de un comensal la pide. Las diferencias pequeñas:
| Host | Lo bueno | Lo molesto |
|---|---|---|
| Cloudflare Pages | El nivel gratuito más generoso. Red global excelente — tu sitio carga rápido en Ciudad de México y en Manila. Analítica incluida que no necesita cookies. | Conectar el dominio propio toma un paso extra (tienes que mover el DNS a Cloudflare o agregar un CNAME en otro lado). Su panel tiene más botones de los que necesitas. |
| Netlify | El despliegue más fácil — puedes literalmente arrastrar tu carpeta descomprimida sobre una ventana del navegador. Defaults amigables. Buena documentación. | El nivel gratuito tiene un límite de 100 GB/mes de ancho de banda. Suficiente para un restaurante, pero vale la pena saberlo. Los minutos de build solo aplican si conectas un repo de Git (estamos subiendo a mano, así que no nos afecta). |
| Vercel | Panel pulido. La configuración de dominio propio más rápida de los tres. Bueno para operadores que quieren crecer a una app de Next.js después (tú no, pero ahí está). | El marketing está fuertemente enmarcado alrededor de React/Next.js, lo que puede intimidar. HTML estático funciona bien — pero la documentación asume que estás construyendo una app, no subiendo una carpeta. |
Nuestra sugerencia: Cloudflare Pages si ya usas Cloudflare para algo (o estás dispuesto a). Netlify si quieres la experiencia de primer despliegue más suave. Vercel si quieres el panel más elegante. Los tres son reales, gratis, están bien.
Paso a paso para cada host
Las pestañas abajo te guían a través de cada host con todo el detalle. Arriba de ellas, el rastreador de siete pasos es tu ancla "¿dónde voy?" — elige tu host arriba, luego marca cada paso como listo conforme lo completes. Tu progreso se guarda localmente y (si tienes sesión iniciada) sincroniza entre dispositivos, así puedes empezar el deploy en tu laptop y revisar desde tu teléfono.
Las pestañas de abajo te llevan por cada host. Cada una empieza desde "tengo un ZIP de la Lección 14" y termina con "mi sitio está en vivo en una URL real." Elige la pestaña del host que escogiste; ignora las otras dos.
Necesitas un dominio antes de que el paso de "dominio propio" funcione. Si todavía no tienes uno, compra tu-restaurante.com en Cloudflare Registrar (~$10/año, sin sobreprecio) o Porkbun (~$11/año). Evita GoDaddy y Squarespace — los dos cobran el doble por el mismo producto y te encierran en upselling. Si el nombre de tu restaurante se revisó en la Lección 5 y el .com estaba disponible, este es el momento de comprarlo.
El paso de DNS que asusta a todos (no debería)
DNS (el Sistema de Nombres de Dominio) es la guía telefónica del internet. Cuando le diste el nombre de tu restaurante a un host, el host te devolvió una cadena como "tu-restaurante.netlify.app" — ahí viven los archivos. El paso de DNS le dice a la guía telefónica: "cuando un comensal escriba tu-restaurante.com, mándalo a esa dirección de Netlify."
No estás configurando servidores. Estás actualizando una entrada en una guía telefónica. El host que escogiste te da las líneas exactas que copiar; el registrador donde compraste tu dominio tiene un formulario donde las pegas. Dos pantallas, cinco minutos, una espera de diez minutos para la propagación. Eso es todo.
Si el paso de DNS te incomoda, el arreglo amigable para el operador es: mueve tu dominio a Cloudflare Registrar (transferencia gratis, tarda una semana). Luego conectas Cloudflare Pages — sin registros DNS que copiar, un solo clic.
Verifica el despliegue
Antes de decirle a alguien la URL, haz esta revisión de tres minutos:
- Abre la URL en tu teléfono con datos móviles (no WiFi). La página de inicio debería renderizarse en menos de dos segundos; tu nombre, horarios, dirección y teléfono deberían verse sin hacer scroll.
- Toca el número de teléfono. Debería abrir el marcador de tu teléfono con los dígitos correctos llenos.
- Toca la dirección. Debería abrir Mapas con el pin correcto.
- Visita cada una de las cuatro páginas (inicio / menú / acerca / contacto). Sin 404s, sin enlaces rotos, sin imágenes faltantes.
- Muéstrasela a tu pareja, a tu socio, o a un cliente regular. Pregunta: "si encontraras este sitio buscando un restaurante, ¿llamarías?" Si la respuesta es "no sé" — de regreso a la Lección 3 para la promesa.
Qué cambia esto más adelante
La Lección 16 (el ritmo de 30 días) asume que tu sitio está desplegado y te da las cuatro tareas recurrentes que evitan que se ponga viejo — incluyendo "vuelve a generar y vuelve a desplegar cuando agregues un plato." El README en tu ZIP de la Lección 14 tiene los pasos de despliegue específicos del host abreviados, para que puedas volver a desplegar sin regresar aquí. Tu GBP de la L11 ahora tiene un campo de URL del sitio web para llenar — pega tu URL en vivo ahí para que la ficha de Google y tu sitio real por fin coincidan.
Tu restaurante tiene una URL.
Una dirección real en internet — tuya, en tu dominio, en HTTPS, gratis, rápida, accesible. Elegiste un host, arrastraste una carpeta, copiaste dos líneas de DNS. El sitio que trece lecciones te enseñaron a construir ya está en vivo.
El operador que vuelve a entrar al comedor después de desplegar acaba de hacer lo que más le asustaba. Todo después de esto es iteración.
La Lección 16 cierra el bootcamp.