Cómo alojar un repositorio de Git en un subdominio con Netlify

Supongamos que tiene su portafolio, como www.glynlewington.com, alojado en Netlify y desea agregar sus proyectos al mismo dominio. Todos son repositorios de git separados y Netlify está hecho para alojar desde un único repositorio ... ¡pero no temas! Podemos alojarlos en subdominios project.glynlewington.comcon solo un poco de trabajo.

Netlify hace que sea muy fácil alojar sus sitios estáticos con ellos de forma gratuita. Recientemente moví mi portafolio de un VPS a ellos, y es genial que actualicen automáticamente su sitio cada vez que ingresa a su repositorio de git.

En el pasado, todos mis proyectos personales también estaban alojados en subdirectorios, por ejemplo www.glynlewington.com/project. Esto es difícil o imposible con Netlify. Netlify está configurado principalmente para que alojes todo en un sitio desde un repositorio de git.

El compromiso al que llegué es alojarlos en subdominios, como project.glynlewington.com. Esto tampoco está muy bien documentado, pero es posible.

  • Vaya a www.netlify.com e inicie sesión o regístrese.
  • Seleccione "Nuevo sitio de git".
  • Elija su proveedor (por ejemplo, GitHub): es posible que deba autenticarse aquí.
  • Seleccione el repositorio de git desde el que desea crear un sitio.
  • Seleccione la rama desde la que desea realizar la implementación.
  • Elija los comandos que necesite ejecutar. - Si se trata de una aplicación React, deberá ejecutar un comando de compilación.
  • Elija el directorio desde el que publicará. Contendrá archivos como index.html. - Si es una aplicación React, probablemente sea la carpeta de compilación.
  • Seleccione "Construir sitio".

En este punto, debería tener una aplicación que funcione alojada en un dominio gratuito de Netlify como //hungry-bose-fb0e6d.netlfiy.com. Si esto no funciona, verifique que no haya errores con el proceso de compilación y corríjalos si los hay.

Ahora para configurar un dominio personalizado.

  • Vaya a la descripción general de su aplicación en Netlify.
  • Dirá que su sitio se implementó correctamente y que puede configurar un dominio personalizado.
  • Haga clic en configurar un dominio personalizado, escriba el dominio que desee, incluido el subdominio, y haga clic en verificar. Ej project.glynlewington.com.

A continuación, inicie sesión en su proveedor de alojamiento de dominio. Yo uso Cloudflare pero será igual o similar usando otros.

  • Ve a la configuración de DNS.
  • Seleccione un nuevo registro CNAME.
  • Ingrese un "Nombre": este es el subdominio, debe ser el mismo que seleccionó anteriormente en Netlify. P.ejproject
  • En "Dirección IPv4" ingrese el dominio gratuito para su sitio Netlify. Ej hungry-bose-fb0e6d.netlify.com.
  • Si también está utilizando Cloudflare, desactive el enrutamiento del tráfico a través de Cloudflare. Esto juega con Netlify.
  • Agregar registro.

¡Hecho! Una vez hecho esto, puede acceder a su sitio en el subdominio.

Netlify también agregará automáticamente seguridad https a su sitio, no hay necesidad de preocuparse por esto.