← Nivel 6 – Jefe de proyecto

Lección 3 de 8 ⏱ 35 minutos Premium

Hosting y tu primer despliegue

Sube tu web a internet con GitHub Pages y conéctala a tu dominio.

Dónde vivirá tu web

El hosting es el servidor donde vive tu web. Para una web estática (HTML, CSS, JS – justo lo que has estado construyendo), el mejor sitio para empezar es GitHub Pages: es gratis, fiable y ya conoces Git.

Te lo muestro: desplegar en GitHub Pages

  1. Sube tu proyecto a GitHub (ya lo sabes: git add ., git commit, git push).
  2. En GitHub, abre tu repositorio → Settings → Pages.
  3. En «Source», elige la rama main y la carpeta / (root).
  4. Guarda – en menos de un minuto, tu web corre en your-name.github.io/repo-name.

Listo. Tu web está en internet y todo el mundo puede verla. 🎉

Conectar tu propio dominio

¿Tienes un dominio de la lección anterior? Conectémoslo:

  1. En GitHub: Settings → Pages → Custom domain → introduce tu dominio.
  2. En tu registrador, configura los registros DNS (los encontrarás en la documentación de GitHub Pages):
    • un registro CNAME para wwwyour-name.github.io
    • registros A para el dominio sin www → las IP de GitHub Pages
  3. Espera – los cambios de DNS pueden tardar hasta unas horas en propagarse por el mundo (normalmente solo minutos).
💡

¿Tienes una web con servidor propio (libro de visitas o chatbot)? GitHub Pages solo sirve páginas estáticas – un servidor necesita otro hosting (por ejemplo Railway, Render; tienen planes gratis para empezar). El proceso es parecido: conectas tu repositorio y el servicio arranca el servidor. La parte estática de tu web puede seguir en Pages.

Ahora tú 💪

  1. Despliega tu proyecto en GitHub Pages siguiendo los pasos de arriba.
  2. Abre tu web en el móvil (¡sin Wi-Fi!) – ¿la ves? Así la ve todo el mundo.
  3. Envía la dirección a una persona (un padre, un amigo) y pide feedback: qué funciona, qué chirría.
  4. Si tienes dominio, conéctalo y comprueba que tu web corre en tu propia dirección.
  5. Anota en LAUNCH.md: la dirección de tu web y la fecha de tu primer despliegue. ¡Momento histórico!

Compruébalo: Tu web es accesible desde cualquier dispositivo del mundo – en tu dirección de GitHub Pages, idealmente en tu propio dominio. Alguien que no seas tú la ha visto.

Lo que te llevas de esta lección