cover tomada de este artculo.

Como desarrolladores web, nos encontramos en la necesidad de acceder y compartir nuestros proyectos, pero los hosts nos dan URLs muy largas como https://gh-profile-finder.netlify.app (igual muchas gracias ).

La solucin para esto son los dominios.

Pero... Son de pago :(

Y si ests empezando o no quieres gastar 8$ por uno para un proyecto que no es muuuy importante, tienes suerte porque tenemos una alternativa gratuita:

Freenom

Freenom es una pgina de dominios, donde estn 5 que podemos usar de forma completamente gratuita, que son: .tk, .ml, .ga, .cf, .gq. Todos esos son dominios de nivel superior geogrfico de pases chiquitos pero que podemos usar libremente.

Ahora, hay que dejar en claro unas cosas sobre Freenom antes de empezar:

1. Estos dominios no son para nada SEO friendly. Esto quiere decir que no esperes que tu pgina salga en los primeros resultados de los buscadores como google. No recomiendo usarlo para portafolios.
2. El mximo de tiempo por el que puedes "contratar" el dominio son 12 meses, despus de eso, para renovarlo, tienes que volver a pedirlo manualmente.

Esto lo vamos a vincular con un proyecto en Netlify para aprovechar un par de caractersticas que nos regala el host.

Ahora s, empecemos.

1. Registrando una cuenta

Para registrar una cuenta nueva, tienes que crear un dominio nuevo, sigue los siguientes pasos hasta que te pidan la informacin para crear tu cuenta

Ojo que si usas VPN, cada vez que vayas a crear un dominio nuevo tiene que estar en el mismo pas de la IP de la cuenta.

Si no puedes crear una cuenta lee este post

2. Buscando el dominio

Ahora, en el nav vas a Services -> Register a New Domain y seleccionas el dominio que quieres, ah la pgina chequear su disponibilidad.

3. Adquiriendo el dominio

Una vez aadido al carrito, te toca pedirlo. En la imagen anterior sale un botn que dice checkout, tocas ah y en Period seleccionas el de 12 meses (el gratuito) y le das a continuar.

Despus le das a que has ledo los trminos y condiciones y completas la orden. Te llegar una confirmacin a tu correo y listo!

Vinculando el dominio con el proyecto

Como ya dije, vamos a estar utilizando Netlify para este proyecto. Si no sabes cmo subir un repositorio a Netlify, te recomiendo este artculo de Marcos Merino que te explica cmo.

Una vez teniendo tu proyecto en lnea, vamos al Overview del proyecto, donde vers algo as:

Ve a Set up a custom domain, e introduce el dominio que creaste, le das a que es tu dominio, y te llevar a la parte del manejo del dominio del proyecto. Ah no acaba, ya que tiene unas advertencias, por lo que nos toca arreglarlas.

Verificando el dominio

Ac tenemos dos caminos que podemos tomar:

• Verificarlo a travs de los DNS de Freenom.
• Utilizar los DNS de Netlify (recomendada)

Personalmente prefiero utilizar los DNS de Netlify por dos razones:

1. Certificado SSL gratuito (lo que dice que el sitio es seguro).
2. Subdominios a travs de los branches del repositorio.

Entonces, continuamos con esto:

Configurando los DNS de Netlify

Una vez le des a Set up Netlify DNS te saldr una pantalla como esta:

Simplemente le das a Verify, ignora lo de Add DNS Records y tocas en continuar y ac viene lo interesante:

Te van a aparecer unos links raros, estos son los DNS que tenemos que agregar a nuestro dominio en freenom de la siguiente forma:

Agregando los DNS a Freenom

Ve a la configuracin de tu dominio y entra en Management Tools -> Nameservers y seleccionas Use custom nameservers (enter below) y rellenas con los DNS que Netlify te dio y le das a Change Nameservers.

Con eso ya tienes tu pgina con un dominio!

Pero todava sale que el sitio es No seguro

Configurando SSL

En la configuracin del proyecto en Netlify, ve al fondo de Domain management y aqu presiona Verify DNS Configuration y toca en Provision certificate y listo, ya es seguro.

Ya tienes tu dominio listo! Puedes compartir libremente tu proyecto con tu nuevo dominio.

Pero ahora, te coment que Netlify te permite crear subdominios a travs de las ramas del repositorio. Cmo se hace?

Subdominios con Netlify

Gracias a que configuramos los DNS de Netlify en nuestro dominio, ahora podemos generar subdominios, algo como: beta.github-finder-ga

Para hacerlo es sencillo. Primero debes tener ms de una rama (branch) en tu repositorio de Github, despus sigue estos pasos:

• Ve a al proyecto en netlify y ve a Site Settings. Luego, en el men de la izquierda, busca donde dice Build & deploy
  

• Ah, bajas hasta donde dice Deploy contexts. En esa parte tenemos que configurar los deploys de otras branches.
  Presiona Edit settings

• En la parte de Branch deploys, escoge la opcin All, y guardas.

• Ahora, haz un commit desde la nueva branch para que Netlify reconozca los cambios.

• Regresa a la parte de Domain management de tu proyecto y busca Branch subdomains y presionas New subdomain

• Agregas la branch y netlify generar el subdominio, y luego presiona Create subdomain

y...

Ya est!

Puede tardar unas horas en que aplique, pero s o s estar disponible despus de un rato

Espero que te haya servido :D. Comparte aqu en los comentarios el o los subdominios que has creado para echarle un ojo ;)

Recuerda que puedes seguirnos aqu en dev.to y en Twitter como @doulovera