Hosting GRATIS para tu Web con GitHub y Dominio Propio

Crea tu cuenta en GitHub (Ver en video 00:42)

Si aún no tienes una, el primer paso es registrarte en GitHub. Es gratis y te tomará solo dos minutos. Es la plataforma donde millones de desarrolladores guardan y colaboran en sus proyectos.

Ir a GitHub para registrarme

Crea un Nuevo Repositorio (Ver en video 00:42)

Un "repositorio" es como una carpeta para tu proyecto. Aquí guardarás todos los archivos de tu página web (HTML, CSS, JavaScript, etc.).

• Haz clic en el botón "New" o en el menú lateral izquierdo.
• Dale un nombre a tu repositorio (ej: mi-web-demo).
• ¡Muy importante! Asegúrate de marcarlo como "Public" (Público). GitHub Pages no funciona en el plan gratuito con repositorios privados.
• Haz clic en "Create repository".

Sube los Archivos de tu Web (Ver en video 02:15)

Con el repositorio creado, es hora de subir tus archivos. Este método es para páginas estáticas (HTML, CSS, JS), no para sitios que requieren bases de datos como WordPress.

• Asegúrate de estar en la pestaña "Code" de tu repositorio.
• Haz clic en "Add file" y luego en "Upload files".
• Arrastra todos los archivos y carpetas de tu proyecto a la ventana del navegador. El archivo principal de tu página debe llamarse index.html.
• Una vez cargados, baja y haz clic en "Commit changes". Esto es como decirle a GitHub: "Guarda estos cambios".

Activa GitHub Pages (¡La Magia!) (Ver en video 04:37)

Ahora vamos a publicar el sitio. No te asustes con las ventanas, solo sigue estos clics:

1. Ve a la pestaña "Settings" (Configuración) de tu repositorio.
2. En el menú de la izquierda, haz clic en "Pages".
3. En la sección "Build and deployment", bajo "Source", selecciona "GitHub Actions".
4. GitHub te sugerirá un flujo de trabajo para "Static HTML". Haz clic en el botón "Configure".
5. Se abrirá un archivo de código. No tienes que tocar nada. Simplemente haz clic en "Commit changes" dos veces.
6. Puedes ir a la pestaña "Actions" para ver el progreso. Cuando aparezca una marca de verificación verde, ¡está listo!

Lleva tu Sitio al Siguiente Nivel: Dominio Personalizado (Ver en video 06:38)

Para usar tu propio dominio (ej: tudominio.com), necesitas haberlo comprado previamente en un servicio como Namecheap, GoDaddy, SiteGround, etc.

6.1. Añade tu dominio en GitHub

• En Settings > Pages, busca la sección "Custom domain".
• Escribe tu nombre de dominio (ej: iacademylab.com) y haz clic en "Save".

6.2. Configura los registros DNS (Ver en video 08:31)

Ve al panel de control de tu proveedor de dominio y busca el "Editor de Zona DNS". Debes crear 4 registros de tipo "A".

Usa @ para el "Host" y apunta cada registro a una de las siguientes direcciones IP de GitHub:

6.3. Espera y asegura tu sitio

Los cambios en los DNS pueden tardar desde unos minutos hasta 48 horas en propagarse por todo el mundo. Una vez que GitHub detecte la configuración correcta, verás un mensaje de éxito en la sección "Pages". Cuando esté listo, asegúrate de marcar la casilla "Enforce HTTPS" para añadir un certificado de seguridad gratuito a tu sitio.