~/VibeHandbook
PDF gratis

Infraestructura

pages.cloudflare.com

Hosting estático

Qué es

Piensa en un folleto impreso: cada copia es idéntica y está lista para repartirse, sin que nadie la escriba de nuevo cada vez que alguien la pide. El hosting estático funciona igual: entrega archivos ya construidos (HTML, CSS, JavaScript, imágenes) tal como están, sin que ningún servidor ejecute tu código en cada solicitud. Construyes tu sitio una vez, subes los archivos resultantes y el proveedor de hosting se encarga de entregárselos a los visitantes. Es la forma más simple y económica de poner un sitio web en línea.

Puntos fuertes

  • Extremadamente rápido: los archivos se sirven directamente, a menudo desde una CDN global (Content Delivery Network — Red de Distribución de Contenido, un conjunto mundial de servidores que mantienen copias de tus archivos cerca de cada visitante).
  • Barato o gratis; muchos proveedores ofrecen niveles gratuitos generosos.
  • Fiabilidad sólida como una roca, con casi nada que pueda fallar.
  • Escala sin esfuerzo ante grandes picos de tráfico.
  • Muy seguro: al no haber código del lado del servidor, la superficie de ataque es mínima.

Contrapartidas

  • No hay lógica de servidor en las solicitudes; el comportamiento dinámico debe venir de APIs (Application Programming Interfaces — Interfaces de Programación de Aplicaciones, puntos de acceso que otro software puede llamar) o de JavaScript del lado del cliente.
  • Las actualizaciones de contenido requieren reconstruir y volver a desplegar el sitio.
  • No es adecuado por sí solo para cuentas de usuario, bases de datos o lógica por solicitud.
  • Los tiempos de construcción crecen en sitios muy grandes.
  • Las funciones verdaderamente en tiempo real deben añadirse mediante servicios externos.

Cuándo usarlo

El hosting estático es ideal para sitios de marketing, blogs, documentación, portafolios y el front end de aplicaciones de una sola página (single-page apps). Combínalo con funciones sin servidor () o APIs de terceros cuando necesites algo de comportamiento dinámico.

Encaje con la programación vibe (vibe coding)

Este es el punto de aterrizaje más suave para proyectos dirigidos por IA: el despliegue suele ser simplemente "hacer push a una rama de ". Un puede montar la estructura de un generador de sitios estáticos (Astro, Hugo, exportación de Next.js), configurar el comando de construcción y ajustar el proveedor de hosting para que cada se despliegue automáticamente. Consejo: pídele al agente que configure el despliegue continuo desde tu repositorio de git, para que nunca tengas que subir archivos manualmente: simplemente haces commit y el sitio en vivo se actualiza solo. Proveedores como Cloudflare Pages, Netlify y GitHub Pages son compatibles con esto.

# netlify.toml — static site build config
[build]
  command = "npm run build"
  publish = "dist"

[[redirects]]
  from = "/*"
  to = "/index.html"
  status = 200
# Deploy from the command line
npx netlify deploy --prod --dir=dist