Contenido del curso
Sitios Code con HTML y CSS
- 5

Qué son las etiquetas en HTML
04:04 min - 6

Primeras líneas de código en HTML
14:47 min - 7

HTML del hero con ids y clases
11:19 min - 8

Iconos de redes sociales en HTML
11:38 min - 9

Selectores y propiedades CSS explicados
08:59 min - 10

box-sizing border-box explicado visualmente
12:10 min - 11

Estiliza tu primer header con CSS
13:51 min - 12

position absolute y relative en el hero
10:44 min - 13

Centrado vertical con CSS transform
14:43 min - 14

Colorea iconos sociales con Flexbox
16:08 min - 15

Optimización de CSS y Enlaces en HTML para Portafolios Web
07:42 min
Despliega tu página a internet
Sitios No-code con WordPress
- 20

Creación de Sitios Web sin Código con WordPress
07:44 min - 21

Instalación de WordPress en hosting propio
06:56 min - 22

Instalación y configuración de Elementor en WordPress
05:14 min - 23

Creación de una Página Web desde Cero con Elementor
10:10 min - 24

Maquetación de Héroes con Elementor para Páginas Web
11:33 min - 25

Creación de Páginas Web con WordPress y Plantillas Prediseñadas
05:04 min
Conclusiones
Conecta tu dominio de Namecheap a Netlify
Resumen
Comprar un dominio personalizado y conectarlo a Netlify es el paso que transforma tu portafolio de un enlace genérico tipo portafolio-platzi.netlify.app en una dirección profesional como platzifolio.com. Aquí verás el proceso completo: desde la compra en Namecheap hasta la configuración de DNS y la activación del certificado SSL gratuito.
¿Qué es un dominio y por qué necesitas uno propio?
Un dominio es la dirección que usa el navegador para encontrar tu página web en Internet. Técnicamente apunta a una dirección IP, pero como recordar números tipo 192.168.x.x sería tedioso, usamos nombres legibles como google.com o facebook.com. Lo mismo aplica para tu portafolio: un dominio propio le da identidad y profesionalismo a tu sitio [00:35].
¿Cuánto cuesta un dominio en Namecheap? Los dominios .com básicos cuestan alrededor de 8 a 9 dólares al año. Los nombres más brandeables suelen ser más caros, mientras que otras extensiones pueden estar muy baratas.
¿Cómo comprar un dominio paso a paso en Namecheap?
Namecheap es la plataforma que se usa en esta clase para registrar el dominio [02:05]. El flujo es directo y conviene tenerlo claro antes de empezar.
¿Qué necesitas antes de comprar?
Antes de pagar, asegúrate de tener tu cuenta lista y un método de pago configurado en Profile > Billing > Payment cards. Desde ahí puedes añadir nuevas tarjetas con el botón Add new card.
¿Cómo elegir y pagar el dominio?
En el dashboard, busca el nombre que quieres. En la clase se eligió platzifolio.com por 8.98 dólares al año [05:45]. Estas son las decisiones clave durante el checkout:
- Define el periodo de compra: 1, 2, 3 o hasta 10 años. A más años, mejor precio.
- Decide si activas la renovación automática: protege tu dominio de perderlo. A Google una vez se le olvidó renovar y tuvo que pagar mucho para recuperarlo [07:12].
- Acepta la privacidad del dominio gratuita: oculta tus datos personales del registro público.
- Ignora los extras como SSL pago, VPN o WordPress si solo quieres el dominio.
Después confirma la orden, selecciona la tarjeta y dale a Pay now. En segundos el dominio queda registrado en tu cuenta.
¿Cómo conectar tu dominio de Namecheap a Netlify?
Una vez comprado, hay que enlazarlo con tu sitio desplegado en Netlify. El proceso vive en dos pestañas que vas a alternar.
¿Dónde se agrega el dominio en Netlify?
Entra a tu proyecto, ve a Domain settings y haz clic en Add custom domain [10:20]. Pega tu dominio (en este caso platzifolio.com), dale a Verify y luego a Add domain. Netlify te avisará que aún no puede emitir el certificado SSL porque falta verificar la propiedad del dominio.
¿Qué son los name servers y cómo se configuran?
Los name servers son la pieza que conecta a Namecheap con Netlify. En Options > Set up Netlify DNS, Netlify te entrega cuatro direcciones que debes copiar.
- En Namecheap, abre tu dominio y busca la sección Nameservers.
- Cambia la opción a Custom DNS.
- Pega uno por uno los cuatro name servers que te dio Netlify [12:40].
- Guarda los cambios con la palomita verde.
¿Cuánto tarda la propagación de DNS? Puede tardar hasta 48 horas, aunque normalmente se completa en minutos o pocas horas. Es el tiempo que necesita tu dominio para estar disponible en todo el mundo.
¿Cómo activar el certificado SSL gratis en Netlify?
El certificado SSL es lo que convierte tu sitio en https y muestra el candadito verde de seguridad. Netlify lo entrega gratis una vez que el dominio está verificado [14:50].
Después de configurar los name servers, vuelve a Netlify y haz clic en Verify DNS configuration. Cuando aparezca el mensaje DNS verification was successful, presiona Provision certificate. Netlify enviará la solicitud y empezará a esperar la propagación.
Si el botón te pide reintentar, dale a Retry las veces que sea necesario. Si después de 24 horas no se ha emitido el certificado, Netlify recomienda contactar a soporte.
¿Qué hacer mientras se propaga el DNS?
Mientras esperas, ya puedes probar tu dominio en el navegador. Verás cargar tu portafolio tanto en platzifolio.com como en www.platzifolio.com. El candado de SSL aparecerá en cuanto la propagación termine.
Cuéntame en la sección de aportes cuántas horas tardó tu propagación de DNS y cuándo apareció tu certificado SSL. Le doy like al que reporte el tiempo más largo, y nada de trampas.