Poner tu proyecto en línea (deployment)

Deployment significa que tu código termina en un servidor o CDN que otras personas pueden abrir de verdad en un navegador.

Qué es realmente el deployment

'En mi máquina funciona' no basta. Deployment significa que el resultado de tu build termina en un servidor o CDN accesible mediante una URL, no solo guardado en tu propio ordenador.

Estático vs. servidor

Un sitio estático es HTML, CSS y JavaScript ya terminados: no necesita servidor en tiempo de ejecución. Eso es válido para la mayoría de frontends hechos con vibe coding. Una app de servidor (con su propio backend, acceso a base de datos en tiempo de ejecución) necesita un entorno que siga corriendo todo el tiempo. Para empezar, un sitio estático casi siempre es el camino más simple.

El camino gratuito para principiantes

El flujo habitual: sube tu código a un repo de GitHub, conecta ese repo a un proveedor de hosting estático (Cloudflare Pages, Vercel, Netlify y GitHub Pages son opciones habituales), y listo. A partir de ahí, cada push a tu branch principal dispara un nuevo deployment automático.

Variables de entorno y secretos

Las API keys y contraseñas nunca deben ir directamente en tu código o en tu repo. Agrégalas en la configuración de secrets o variables de entorno de tu proveedor de hosting.

Un dominio propio es opcional

Cada proveedor te da un subdominio gratis (como tu-proyecto.pages.dev). Eso es totalmente suficiente para empezar. Siempre puedes añadir un dominio propio más adelante.

Deja que tu agente lo haga, pero revísalo

Un agente de código puede configurar el deployment por ti. Aun así, revisa lo que configura, sobre todo todo lo relacionado con billing o datos de pago.