Inicio/Volumen II/Publica tu app

🚀 Publica tu aplicación en internet

Hasta ahora tus proyectos vivían en tu ordenador (localhost). En este capítulo aprendes a publicarlos en internet para que cualquiera los abra desde un enlace, con servicios gratuitos.

🎯 Objetivos de aprendizaje

La diferencia entre una app que corre en tu equipo y una publicada.
Publicar una web con Vercel y una demo de IA con Hugging Face Spaces.
Usar APIs gratuitas para que tu app publicada tenga IA sin tu ordenador.

Conceptos clave

🧠 En cristiano: localhost vs. internet. localhost solo existe en tu ordenador: si lo apagas, la web desaparece y nadie más la ve. Publicar (o desplegar) es copiar tu proyecto a un servidor siempre encendido, que le da una dirección pública (una URL) accesible desde cualquier parte.

⚠️ Cuidado. Ojo con la IA local al publicar: tus proyectos usaban Ollama en tu máquina. Un servidor en la nube no tiene tu Ollama. Para la versión publicada tienes dos caminos: (1) apps sin IA (landings, webs, simulaciones 3D) se publican tal cual; (2) apps con IA deben usar una API en la nube (lo vemos abajo) en lugar de Ollama.

Opción A: publicar una web con Vercel

Perfecto para landings, webs y simulaciones 3D. Vercel tiene un plan gratuito (Hobby) para proyectos personales.

Sube tu proyecto a GitHub (pídeselo a Claude Code: “sube este proyecto a un repositorio nuevo de GitHub”).
Entra en vercel.com, conéctate con tu cuenta de GitHub e importa el proyecto.
Vercel lo construye y te da una URL pública. Cada vez que actualices el código en GitHub, se republica solo.

🧠 En cristiano: GitHub. Es una web donde se guardan proyectos de código (usando Git, la “máquina del tiempo” del capítulo 2). Además de respaldar tu trabajo, sirve de puente: servicios como Vercel leen tu proyecto desde GitHub para publicarlo.

✅ Comprueba que funciona. Abre la URL que te dio Vercel desde el móvil, con los datos móviles (sin tu wifi). Si la web carga, está de verdad en internet.

Opción B: una demo de IA con Hugging Face Spaces

Para enseñar una app con IA sin montar un servidor. Hugging Face Spaces ofrece hardware gratuito limitado (incluido ZeroGPU, con unos minutos de GPU gratis al día), ideal para demos y prototipos, no para uso intensivo.

Pide a Claude Code: “prepara este proyecto como un Space de Hugging Face con Gradio y explícame cómo subirlo”.

APIs gratuitas: IA en la nube sin tu ordenador

Cuando publicas una app con IA, en vez de Ollama usas una API: un servicio en internet que ejecuta el modelo por ti. Varias tienen plan gratuito generoso para empezar:

Servicio	Bueno para
Groq	Respuestas muy rápidas; modelos abiertos tipo Llama.
Cerebras	Velocidad extrema.
SambaNova	Modelos grandes (DeepSeek, Llama 70B).
OpenRouter	Variedad; muchos modelos con opción gratuita.
Google AI Studio	Modelos Gemini con cuota gratuita.

🧠 En cristiano: API y “clave” (API key). Una API es un enchufe: tu app se conecta al servicio y le pide respuestas. La clave (API key) es tu contraseña personal de ese enchufe. Trátala como una contraseña: no la publiques ni la subas a GitHub. Claude Code te enseñará a guardarla en un archivo .env que no se sube.

⚠️ Cuidado. Nunca subas claves ni contraseñas a GitHub. Si Claude Code crea un archivo .env, comprueba que esté en el .gitignore. Pídeselo explícitamente: “asegúrate de que mis claves no se suben a GitHub”.

Otra vía: un VPS (servidor propio)

Si quieres que tu propia IA local dé servicio en internet, puedes alquilar un VPS (un ordenador en la nube que controlas tú) e instalar Ollama allí. Es más avanzado y suele costar unos euros al mes; para la mayoría, Vercel + una API gratuita es más que suficiente al principio.

💾 Guardar y reabrir el proyecto.

Publicar no borra tu versión local: sigues desarrollando en tu ordenador y, cuando algo esté listo, actualizas GitHub y se republica solo. Guarda la URL pública y las claves de API en un sitio seguro (un gestor de contraseñas), nunca en el código.

Reto para practicar

Publica en Vercel la landing del capítulo anterior y conéctale un formulario de contacto que te llegue por correo (hay servicios gratuitos que Claude Code sabe integrar). Tendrás tu primera web profesional en internet.

← App para estudiar Varios ordenadores, una IA →