Netlify

Desplegar sitios estáticos y frontends desde Git o subiendo archivos. CDN, formularios, funciones serverless y dominio personalizado.

Netlify es una plataforma que despliega sitios estáticos y frontends: conectas un repositorio Git (GitHub, GitLab, Bitbucket) y cada push genera un deploy automático con URL de preview y producción.

Incluye CDN global, HTTPS por defecto, formularios sin backend (envío a su API), funciones serverless (Netlify Functions) y redirecciones/rewrites. Tiene plan gratuito generoso.

Puedes desplegar también arrastrando una carpeta (drag & drop) sin usar Git. Dominio propio: lo añades en la configuración del sitio y apuntas el DNS con CNAME o A/ALIAS.

  • Plataforma de deploy y hosting para frontend.
  • Netlify está pensada para desarrolladores que trabajan con HTML, CSS, JavaScript y frameworks estáticos (React, Vue, Svelte, Astro, etc.). Conectas tu repo, defines el comando de build (si hay) y la carpeta de salida (por ejemplo dist o public), y Netlify construye y publica el sitio. Cada rama puede tener su URL de preview; la rama principal (main) suele ser la de producción.
  • Deploy desde Git o subida manual (drag & drop).
  • Build automático (npm run build, etc.) y CDN global.
  • HTTPS, formularios, funciones serverless y dominio propio.

¿Qué es Netlify?

Plataforma de deploy y hosting para frontend.

Netlify está pensada para desarrolladores que trabajan con HTML, CSS, JavaScript y frameworks estáticos (React, Vue, Svelte, Astro, etc.). Conectas tu repo, defines el comando de build (si hay) y la carpeta de salida (por ejemplo dist o public), y Netlify construye y publica el sitio. Cada rama puede tener su URL de preview; la rama principal (main) suele ser la de producción.

  • Deploy desde Git o subida manual (drag & drop).
  • Build automático (npm run build, etc.) y CDN global.
  • HTTPS, formularios, funciones serverless y dominio propio.

Formularios y funciones serverless

Más que archivos estáticos.

Netlify Forms: añades un atributo data-netlify="true" a tu form y Netlify captura los envíos sin que tú montes un backend; ves los datos en el panel. Para lógica personalizada puedes usar Netlify Functions: funciones serverless (Node.js) que se ejecutan como API. Útil para enviar emails, conectar con servicios externos o pequeña lógica de servidor sin mantener un VPS.

Dominio y SSL en Netlify

Tu dominio con HTTPS gratis.

En el sitio: Domain settings → Add custom domain. Escribes tu dominio (ej. www.midominio.com). Netlify te indica qué registro crear: normalmente un CNAME de www (o el subdominio que uses) hacia tu-sitio.netlify.app. Para la raíz (midominio.com) suelen dar IPs para registros A o un ALIAS. Netlify gestiona el certificado SSL (Let's Encrypt) y renueva automáticamente; puedes forzar HTTPS.

Introducción al Mundo Web, Hosting y Dominios
13

Netlify

Desplegar sitios estáticos y frontends desde Git o subiendo archivos. CDN, formularios, funciones serverless y dominio personalizado.

Código del tema: Netlify

📘 Teoría

¿Qué es Netlify?

Plataforma de deploy y hosting para frontend.

Netlify está pensada para desarrolladores que trabajan con HTML, CSS, JavaScript y frameworks estáticos (React, Vue, Svelte, Astro, etc.). Conectas tu repo, defines el comando de build (si hay) y la carpeta de salida (por ejemplo dist o public), y Netlify construye y publica el sitio. Cada rama puede tener su URL de preview; la rama principal (main) suele ser la de producción.

  • Deploy desde Git o subida manual (drag & drop).
  • Build automático (npm run build, etc.) y CDN global.
  • HTTPS, formularios, funciones serverless y dominio propio.

Formularios y funciones serverless

Más que archivos estáticos.

Netlify Forms: añades un atributo data-netlify="true" a tu form y Netlify captura los envíos sin que tú montes un backend; ves los datos en el panel. Para lógica personalizada puedes usar Netlify Functions: funciones serverless (Node.js) que se ejecutan como API. Útil para enviar emails, conectar con servicios externos o pequeña lógica de servidor sin mantener un VPS.

Dominio y SSL en Netlify

Tu dominio con HTTPS gratis.

En el sitio: Domain settings → Add custom domain. Escribes tu dominio (ej. www.midominio.com). Netlify te indica qué registro crear: normalmente un CNAME de www (o el subdominio que uses) hacia tu-sitio.netlify.app. Para la raíz (midominio.com) suelen dar IPs para registros A o un ALIAS. Netlify gestiona el certificado SSL (Let's Encrypt) y renueva automáticamente; puedes forzar HTTPS.

🧰 Recursos

Test

Comprueba tus conocimientos con un test sobre Introducción al Mundo Web, Hosting y Dominios.

Test de Introducción al Mundo Web, Hosting y Dominios

¿Qué es esto?

Soy Cristian Eslava y a veces hago webs para procrastinar yo y vosotros 😉.

Esta la hice en febrero de 2026 para facilitar el aprendizaje de mis alumnxs. Aprender desarrollo web practicando. La idea es que crezca semanalmente con nuevos temas, tests y retos.

Inspirado en MDN, en W3Schools, en Codepen, en el crack de Manz y en mil sitios de documentación sobre desarrollo web. Quería aportar además de bloques teóricos con ejemplos, la gamificación de los retos y el sistema de test que ya tenía en culTest .

Si te gustó, si no te gustó, si quieres saludarme, o invitarme a 🍻 no dudes en escribirme en cristianeslava@gmail.com .