Supongamos que tenemos un portafolio, como www.glynlewington.com, alojado en Netlify y deseas agregar proyectos al mismo dominio. Todos son repositorios de GIT aislados y Netlify está hecho para alojar desde un único repositorio... ¡pero no tengas miedo! Podemos alojarlos en subdominios como project.glynlewington.com.
Netlify hace que sea muy fácil alojar tus sitios estáticos de forma gratuita. Recientemente migre mi portafolio de un VPS a ellos, y es genial que actualicen automáticamente tu sitio cada vez que se realiza un cambio en el repositorio de GIT.
Anteriormente, todos mis proyectos personales también estaban alojados en subdirectorios, p. Ej. 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 que asumí fue alojarlos en subdominios, como project.glynlewington.com. Esto tampoco está muy bien documentado, pero es posible.
- Ve a www.netlify.com e inicia una sesión o regístrate.
- Selecciona “New site from git”.
- Elije tu proveedor (ej. GitHub) — Es posible que aquí tengas que autenticarte.
- Selecciona el repositorio de GIT del cual deseas crear un sitio.
- Selecciona la rama desde la que deseas realizar el despliegue.
- Elije los comandos que necesites ejecutar. — Si se trata de una aplicación en React, deberás ejecutar un comando de compilación.
- Elije el directorio desde el que publicaras. — Si es una aplicación React, probablemente la carpeta sea build/dist.
- Selecciona “Build Site”.
En este momento, deberías tener una aplicación que funcione alojada en un dominio gratuito de Netlify, como https://hungry-bose-fb0e6d.netlfiy.com. Si esto no funciona, verifica que no haya errores con el proceso de compilación y corrígelos si hay algunos.
Ahora para configurar un dominio personalizado.
- Ve a la descripción general de tu aplicación en Netlify.
- Dirá que tu sitio realizó el despliegue correctamente y que puedes configurar un dominio personalizado.
- Haz clic en configurar un dominio personalizado, escribe el dominio que desees, incluyendo el subdominio, y haz clic en verificar. Por ej.
project.glynlewington.com.
A continuación, inicia sesión en tu proveedor de dominios. Yo uso Cloudflare, pero sera igual o similar usando otros.
- Ve a la configuración de DNS.
- Selecciona un nuevo registro CNAME.
- Ingresa un "Nombre": este es el subdominio, debe ser el mismo que seleccionaste anteriormente en Netlify. Por ej.
proyecto - En “IPv4 Address” ingresa el dominio gratuito para tu sitio en Netlify. Por ej.
hungry-bose-fb0e6d.netlify.com. - Si usas Cloudflare, desactiva el enrutamiento del tráfico a través de Cloudflare. Esto causa problemas con Netlify.
- Agrega el registro.
¡Listo! Una vez realizado todo este proceso, podrá acceder a su sitio a través del subdominio.
Netlify también agregara automáticamente el protocolo HTTPS a su sitio, no hay necesidad de preocuparse por esto.
Traducido del artículo de Glyn Lewington -How to host a Git repository on a subdomain with Netlify