Conexión de un Dominio Personalizado a Netlify y Cloudflare
Clase 21 de 22 • Curso de Webpack con Express.js, React.js y TypeScript
Resumen
¿Cómo conectar un dominio a un proyecto en Netlify?
Adquirir un dominio y conectar tu proyecto en Netlify es un paso esencial para presentar tu trabajo al mundo. Esta guía te proporciona un camino claro y sencillo para llevar a cabo este proceso, desde la compra de tu dominio hasta la configuración en la plataforma. Sigue leyendo para aprovechar al máximo los recursos disponibles y optimizar la visibilidad de tu sitio.
¿Cómo adquirir un dominio adecuado?
Antes de conectar tu proyecto, necesitas un dominio. Namescheap es una plataforma altamente recomendada para la compra de dominios. Te permite explorar y seleccionar entre una amplia variedad de extensiones de dominio como .com, .net, .xyz, y muchas otras.
Pasos para adquirir un dominio:
- Visita Namescheap.com y crea una cuenta.
- Busca tu nombre de dominio deseado, por ejemplo, "Platzi Store".
- Revisa las extensiones disponibles y selecciona la que se adapte a tu presupuesto y necesidades.
- Añade el dominio al carrito y procede al checkout. Ten en cuenta posibles impuestos adicionales, como el ICANN.
- Elige la opción de dominio privado para proteger tus datos personales.
- Completa el proceso de pago usando una tarjeta de crédito.
- Confirma que eres el nuevo propietario del dominio.
¿Cómo configurar el dominio con Cloudflare?
Con tu dominio registrado, el siguiente paso es configurarlo usando una herramienta de gestión de DNS como Cloudflare. Este paso es crucial para agregar capacidades de caché y seguridad a tu sitio.
- Regístrate en Cloudflare.
- Añade un nuevo sitio con el dominio que adquiriste, por ejemplo, "platzistore.club".
- Elige un plan gratuito, adecuado si no esperas mucho tráfico.
- Deja que Cloudflare realice el escaneo inicial del DNS.
- Reemplaza los registros DNS detectados por los que proporciona Cloudflare.
- Guarda las configuraciones y espera la propagación, que puede tardar entre 24 a 48 horas.
¿Cómo configurar el dominio en Netlify?
Ya con tu dominio y configuraciones DNS listos, es hora de conectar tu dominio con Netlify para publicar tu proyecto.
- Inicia sesión en tu cuenta de Netlify.
- Accede a la configuración del dominio y selecciona "Add custom domain".
- Ingresa tu dominio, por ejemplo, "platzistore.club", y verifica la propiedad.
- Añade un registro de tipo A con la IP proporcionada por Netlify.
- En Cloudflare, añade un registro A utilizando el símbolo @ para el dominio principal con la dirección IP asignada.
- Si deseas configurar un subdominio como "www", añade un registro CNAME apuntando al dominio principal.
¿Qué hacer durante la propagación del dominio?
La propagación de DNS es un proceso que requiere paciencia. Durante este tiempo, tu sitio web puede no estar disponible inmediatamente. Sin embargo, no te preocupes, ya que es un procedimiento estándar en la configuración de dominios.
- Verifica el progreso regularmente desde un navegador web ingresando tu dominio.
- Una vez que la propagación esté completa, tu sitio debería ser accesible y completamente operativo.
- Puedes inspeccionar el sitio para asegurarte de que todos los elementos se cargan correctamente y están optimizados.
Ahora que has conectado exitosamente tu dominio, comparte tus proyectos en línea. Anímate a mostrar tu trabajo en la comunidad y continua aprendiendo sobre técnicas avanzadas de gestión de dominios y desarrollo web.