Despliega a internet
Pon tu proyecto en línea para que todo el mundo lo vea
⏱ Estim. ~9 min
01 · Leer
Todo lo que has construido hasta ahora corre en localhost — tu propia computadora. Nadie más lo puede ver. Eso cambia ahora.
Desplegar significa poner tu aplicación en un servidor conectado a internet las 24 horas, para que cualquiera con la URL pueda usarla. Suena complejo, pero las plataformas modernas lo hacen muy fácil. Tú haces push del código, ellos se encargan del resto.
Vamos a usar Render porque tiene una capa gratuita generosa, se integra directo con GitHub y requiere cero configuración de servidor. Tu app va a estar en línea en minutos.
💡 Imagínalo asílocalhost es como cocinar en tu cocina — solo come tu familia. Desplegar es como abrir un restaurante: cualquier persona, desde cualquier parte, puede entrar. Render es como un local de restaurante ya equipado, con cocina, mesas y dirección — tú solo traes la comida (tu código).
02 · Paso a paso
Pasos para desplegar en Render (capa gratuita). Síguelos en orden y en unos 10 minutos vas a tener una URL en vivo.
1. Push a GitHub
Verifica que tu proyecto tenga commit y push a un repositorio de GitHub. Render extrae tu código directo de GitHub, así que todo tiene que estar al día.
2. Regístrate en render.com
Usar 'Sign up with GitHub' es lo más fácil de configurar. Deja que Render acceda a tu repo sin configuración extra.
3. Crea un Web Service nuevo
Haz clic en 'New' → 'Web Service' para conectar tu repo de GitHub. Render te va a preguntar qué repo desplegar.
4. Configura
Build command: npm install. Start command: node app.js. Estos le dicen a Render cómo configurar y correr tu app. El build command instala las dependencias, el start command arranca tu servidor.
5. Agrega las variables de entorno
Copia los valores de tu .env a la configuración de entorno de Render. Nunca hagas commit de estos a git — escríbelos directamente en el panel de Render. Cada par clave-valor va por separado.
6. ¡Despliega!
Haz clic en Deploy y espera el build. Vas a ver los logs en tiempo real. Cuando el estado se ponga verde, tu app está en vivo en una URL .onrender.com y la puedes compartir con quien quieras.
03 · Práctica real
Usa esta checklist para desplegar tu proyecto. Tómate tu tiempo — los primeros despliegues siempre requieren algunos intentos, y eso es totalmente normal.
04 · Quiz
Cuando haces push de tu código a GitHub, ¿qué hace una plataforma de despliegue como Render?
- Te envía tu proyecto en un zip por email
- Crea un repositorio nuevo de GitHub
- Extrae tu código automáticamente, hace el build y lo corre en sus servidores
- Descarga tu código a tu máquina local
05 · Completar
Al desplegar una app de Node.js, la plataforma necesita saber el comando _____ para arrancar tu servidor (por ejemplo, 'node app.js').
06 · Leer
Tómate un momento para apreciar lo que acaba de pasar. Alguien al otro lado del mundo puede escribir tu URL ahora mismo y usar algo que tú construiste. Tú escribiste el código, tú lo desplegaste, y está corriendo en un servidor real.
Este es uno de esos momentos que la mayoría de los ingenieros recuerdan para siempre — la primera vez que su proyecto salió a internet.
07 · Quiz
Tu archivo .env contiene contraseñas de base de datos y API keys. Al desplegar en Render, ¿cómo debes manejar esos valores?
- Hacer commit del .env a git para que Render lo lea
- Pegarlos en el código fuente antes de desplegar
- Mandarle un email al soporte de Render
- Escribirlos en la sección de variables de entorno de Render — nunca hacer commit a git
08 · Completar
Al desplegar una app de Node.js en Render, el comando de _____ (por ejemplo, 'npm install') le dice a la plataforma cómo preparar las dependencias de tu proyecto.
Otras lecciones de este capítulo
⚠ La experiencia interactiva completa necesita JavaScript. Actívalo y vuelve a cargar la página.
※ Este es un proyecto educativo independiente — no es un producto oficial de Anthropic. Claude™ es una marca registrada de Anthropic, PBC.