Configurar nic.ar + Cloudflare + Netlify
Tags: tutorial, argentina
Published: 2024-01-15 16:10:21

¿Estás cansado de parecer una 🐀 presentando tu portfolio con el dominio .netlify.app porque no podes pagar un hosting ya que no tenes laburo?
No te puedo ayudar a encontrarlo, pero si a configurar tu dominio para no tener nada que envidiarle a los planes premium de SeñorHostinga. ¡Te dejo un temita de fondo y empecemos!
{% embed https://youtu.be/9obV__MFMaY?si=Qy1o22p_66tNExJ0&t=22 %}
# Dominio
El primer paso es conseguir un dominio en nic.ar para asignarlo como nuestro identificador en la web. Vas a tener que entrar con tu cuenta de AFIP (capaz bajarte la app y registrar tu biometría).

![Imagen de búsqueda de dominio](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/34xv390n13n3ysrfb96f.png)
Luego vas a darle a registrar, te va a mostrar tus datos que por obvias razones no comparto y te va a redireccionar al pago ([precios](https://nic.ar/es/dominios/aranceles)).
> Siendo que PagoMisCuentas es una basura y te vas a derretir en el Rapipago, si no tenes una tarjeta de crédito podes usar esas tarjetas fintech prepagas que las toman como crédito (creo que usé la de Lemon) o probar con una de débito.

![Imagen de formas de pago](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tsbneb4bboxfb564vymv.png)
Cuando te confirme el pago y aparezca en Mis trámites > Finalizados podes continuar a la delegación
# Delegación
Siendo que la navegación es un poco confusa, asegurate de entrar a nic.ar > Ingreso > N° de CUIT/CUIL y Clave Fiscal. De esta forma te va a redireccionar al portal en cuestión porque **NI IDEA** cómo encontrarlo en los trámites.

![Portal de trámites de dominio](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mh223mdb4xk2eurishnb.png)
Allí te va a aparecer la opción para delegar tu dominio, donde vas a tener que ingresar los DNS que te otorgue Netlify o Cloudflare.
![Imagen de dominios registrados](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1hw91sxc74mty9jdur94.png)
Al darle a delegar te vas a encontrar con los siguientes campos que te voy a explicar con qué llenar según el "resolvedor" de dominios que elijas.

![Dominios delegados a DNS](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fy8j7cya0lhsa5gaw3ie.png)

# DNS
Si vas a usar los DNS de Netlify, vas a tener que ir a tu sitio > Domain Management > Add domain alias. 
> Ej: Agregas tudominio.com.ar y www.tudominio.com.ar para que se encuentre tu sitio con ambos dominios

Luego, te va a requerir un DNS para encontrar tus dominios y tenes dos opciones
## Opción 1 - Netlify
Usas los DNS de Netlify para que encuentren tu sitio. 
![Configuraciones de DNS](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pn7fjnzhaib2q1h5v93t.png)
Esto va a generarte unos 4 DNS que son los que vas a llenar uno por uno en la delegación que te mostré anteriormente.

![DNS ingresados en el portal](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qticby5uulo0nvgi7d9p.png)
Una vez que los guardes va a tomar un tiempo máximo de 24 horas hasta funcionar correctamente aunque suelen pasar unos minutos o una hora.

## Opción 2 - Cloudflare
Siendo que Netlify puede hacer todo me dirás ¿para qué usar Cloudflare? Bueno, la versión gratuita de Cloudflare te permite ver métricas de países de los que viene tu tráfico sumado a protección contra ataques y cacheo (al menos automático hasta que sepa configurarlo y si no es pago).
![Métricas de Cloudflare](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3tkc1pk0hf67is8guki3.png)
A diferencia del paso anterior, vas a darle a donde dice "Awaiting external DNS" y esto te va a dar las configuraciones necesarias para Cloudflare. Ahora vamos a Cloudflare.
### Configuración de DNS
Vas a cloudflare, te logueas (creas tu cuenta si no tenías), vas a añadir sitio, ingresás tu dominio, seleccionás la versión free, esperas a que escanee, saltas el "Add more DNS records" y confirmas el "Add records later". Vas a ver esto:

![Portal del sitio](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5z08u7lg5acajks297fy.png)
Más abajo, vas a encontrar las DNS que necesitas para nic.ar. El tiempo de espera es el mismo, Cloudflare te va a avisar cuando se haya realizado la propagación de tu dominio por los DNS (para que se encuentre en el mundo tudominio.com.ar).
![Configuración de registros del sitio](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/d3minzyphgdwqxoiqmti.png)

Una vez que concluya, vas a la página principal del sitio

![Página principal del sitio](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/y04a4an8b6t2xyxyheo9.png)
Ingresas a DNS settings y agregas 2 records (registros). Si queres activás el proxy (ofrece las protecciones que mencioné además de realizar la resolución de DNS).
1. Tipo: A ; Nombre: tudominio.com.ar; IPv4: 75.2.60.5 (vas a ver que es lo mismo que te aparece cuando clickeaste "Awaiting external DNS".
2. Tipo: CNAME ; Nombre: www ; IPv4: elnombrededominiode.netlify.app

Luego, vas a volver a Netlify, y en un tiempo se va a ir ese cartel de Awaiting External DNS. Sin embargo, **es necesario que actives las DNS de Netlify también**.
¿Por qué? No estoy seguro, pero sin eso Cloudflare no estaba encontrando mi sitio, así que puede ser que necesita las DNS para encontrar el dominio midominio.netlify.app
Si sabes por qué o cometí algún error en los registros, dejame tu comentario para ayudarnos.


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/anv6f9r89gggqdqm5gho.jpg)