Los sitios web son cada vez más fáciles de alojar cada día, con muchos servicios que ofrecen paquetes desde menos de $ 5 por mes. Pero, si solo desea un sitio simple que no reciba mucho tráfico, es posible que pueda alojarlo de forma gratuita en Github, incluso con su propio dominio.
¿Qué son las páginas de Github?
Github es un servicio de alojamiento de código que proporciona control de versiones a través de git. Si bien los programadores lo usan comúnmente, un caso de uso común para ellos es ejecutar wikis simples, currículums o sitios de documentación que no ven toneladas de tráfico diario y solo necesitan un lugar para crear un sitio web de forma gratuita.
Es por eso que se crearon Github Pages, que le permite alojar archivos HTML y otros recursos de forma gratuita. Esto no es muy diferente del alojamiento de archivos regular de Github: puede alojar archivos en sus repositorios completamente gratis, y alojar un sitio estático es como alojar archivos.
Puede tener páginas para su nombre de usuario o páginas para cada repositorio. De forma predeterminada, Github le asignará una URL de subdominio como username.github.io o username.github.io/repository. Esto se puede cambiar a cualquier URL personalizada.
¿Qué son los sitios web estáticos?
Lo importante a tener en cuenta es que Github Pages es para sitios web estáticos. Esto no significa necesariamente que su sitio web no pueda ser interactivo, solo significa que su sitio web está alojado directamente en archivos HTML, JS y CSS.
La principal limitación de los sitios web estáticos es que no puede depender de un servidor para modificar el contenido de cada solicitud, como ocurre con un lenguaje como PHP. Por ejemplo, si desea que los usuarios inicien sesión y vean un perfil, o que alojen WordPress (que se conecta a un servidor de base de datos), deberá alojarlo en otro lugar.
Sin embargo, si sirve marcos JavaScript del lado del cliente como React, en realidad puede alojar aplicaciones web completas desde Github Pages o cualquier otro proveedor de alojamiento de sitios web estáticos. Esto se debe a que todo el contenido se genera en el dispositivo del cliente y lo único que estás sirviendo es un bundle.js archivo con todo el código.
Restricciones de la página de Github: uso no comercial
Por supuesto, esto viene con algunas restricciones. Básicamente, no deberías usar las páginas de Github principalmente para uso comercial. Específicamente, dicen que está prohibido usar como "servicio de alojamiento web gratuito para administrar su negocio en línea, sitio de comercio electrónico o cualquier otro sitio web destinado principalmente a facilitar las transacciones comerciales. ".
Entonces, si ha estado planeando administrar su negocio fuera de las páginas de Github, probablemente querrá considerar otras alternativas. Dos métodos de "alojamiento gratuito" muy similares utilizan cubos de AWS Simple Storage Service para alojar sitios web estáticos o el alojamiento estático Firebase de Google. Ambos funcionan bien tanto para distribuciones amateur como para sitios estáticos profesionales, y tienen niveles gratuitos que pueden ahorrarle el pago de $ 10 por mes para alojar su servidor.
RELACIONADO: Cómo alojar un sitio web estático en Amazon S3
RELACIONADO: Cómo alojar un sitio web estático de forma gratuita en la plataforma de alojamiento Firebase de Google
Github Pages también tiene límites de tamaño y límites suaves de ancho de banda, aunque son bastante razonables. Su sitio no puede tener más de 1 GB (probablemente tendrá problemas para servir un sitio de este tamaño de todos modos) y si excede los 100 GB de ancho de banda por mes, es posible que Github no sirva su sitio. Como referencia, esa cantidad de datos le costaría alrededor de $ 10 por mes en AWS.
Configuración de una página
Github Pages es bastante simple de configurar, y si está familiarizado con Github, debería ser aún más simple.
Básicamente, tiene dos opciones para los repositorios: páginas de usuario o páginas de proyecto. Si está usando un dominio personalizado, no debería importar mucho, pero si quiere una buena URL, le recomendamos usar una página de usuario, que le dará una URL en el formato de username.github.io. Si está utilizando una página de proyecto, puede tener muchas páginas configuradas, pero cada una será una username.github.io/repository.
De cualquier manera, deberá crear un nuevo repositorio. Si está creando una página de usuario, configúrela con su nombre de usuario más .github.io. Asegúrate de que también sea público.
viceversagames.github.io
A continuación, necesitará un cliente Git para conectarse a Github y enviar su sitio web.Puede usar una terminal o un cliente GUI como Github Desktop. Utilice la URL proporcionada por la configuración rápida:
O, si está utilizando la aplicación Github Desktop, puede buscarla por nombre:
Luego, deberá agregar su contenido. Si tiene una plantilla existente que desea usar, copie todos los activos (archivos HTML, CSS, JS, imágenes) en este directorio, que es esencialmente la "raíz web" desde la que se alojará todo. La cosa mas importante es index.html, que es la página principal de su sitio.
Una vez que todo funcione localmente, deberá confirmar los cambios y publicarlos en Github.
Pronto verá los nuevos archivos en su repositorio, pero deberá habilitar Páginas de Github para que esto funcione completamente. Desde la página del repositorio, haga clic en "Configuración" y desplácese hacia abajo hasta "Páginas". Selecciona el main rama para servir su sitio web desde y haga clic en "Guardar".
Puede tomar algunos minutos para que todo se actualice y solo se actualizará 10 veces por hora, así que no haga cambios demasiado rápido.
También le recomendamos que habilite "Aplicar HTTPS" en la configuración de las páginas de Github.
Agregar un dominio personalizado
Agregar un dominio personalizado es realmente simple. Primero deberá comprar uno, lo que puede hacer de muchos registradores diferentes. Algunos buenos ejemplos son Google Domains, Namecheap o GoDaddy.
RELACIONADO: Cómo configurar un nuevo dominio con Google Domains
Una vez registrado, deberá apuntar su dominio a su página de Github. Sin embargo, no puede simplemente pegar la URL aquí; deberá crear un registro CNAME al que apunte username.github.io. Si vas a usar www, establezca el valor de Host en www. Si desea utilizar el dominio base solo, establezca el valor de Host en @.
Después de esperar unos minutos para que los registros DNS se sincronicen a través de Internet, debería poder ver su sitio de Páginas de Github recién creado en su URL personalizada, y el menú de configuración debería mostrarlo como conectado.
Descubre más contenido