¿Nuevo en este tema? Estás en el lugar correcto. Este artículo no da por hecho que hayas construido o desplegado algo antes. Si una palabra necesita explicación, se explica justo donde aparece. Este es probablemente el tema con más tecnicismos de toda esta serie, así que ve con calma — hay mucho vocabulario junto.
La palabra hacia la que apunta todo lo demás: desplegar (deploy)
Construir una app en tu propia computadora y que otras personas realmente puedan usarla en internet son dos cosas muy distintas. Mientras la construyes, solo existe en tu máquina — nadie más puede visitarla. "Desplegar" (deploy) es la palabra para el paso donde tu app terminada (o en progreso) se copia a una computadora accesible desde internet, para que una URL real lleve visitantes reales hasta ella. Todo lo demás en esta guía o prepara ese paso o lo respalda.
El vocabulario, pieza por pieza
- Código son simplemente las instrucciones escritas que hacen que una app haga lo que hace — archivos de texto, en un lenguaje específico que una computadora puede seguir.
- Control de versiones es un sistema que mantiene un historial completo de cada cambio hecho a tu código — como "control de cambios" en un documento, pero mucho más potente, dejándote ver exactamente qué cambió, cuándo, y por quién, y deshacer cualquiera de esos cambios.
- Un repositorio (o "repo") es todo el historial y código actual de un proyecto, guardado junto. GitHub es el lugar más común para tener uno en línea.
- Un editor es el programa en el que realmente escribes código — el equivalente a un procesador de texto para escribir software.
- Una terminal es una forma sencilla, basada en texto, de darle instrucciones directas a tu computadora, en lugar de hacer clic en botones. Se ve intimidante pero en realidad es solo escribir un comando y presionar enter.
- Un agente de código con IA es un programa que puede leer tu código, sugerir o hacer cambios, y ejecutar comandos por ti dentro de esa terminal — en lugar de que tú escribas cada línea a mano.
- Desplegar (la palabra de arriba) pone tu app en una computadora accesible desde internet, en una dirección real.
- Una base de datos es donde viven los datos reales de una app — cuentas de usuario, registros guardados, cualquier cosa que necesite persistir entre visitas, a diferencia del código de la app, que solo describe cómo se comporta.
Por qué esto involucra tantas herramientas distintas
Cada una de las piezas de arriba antes requería configurar y mantener tu propia computadora dedicada para ella. Lo que ha cambiado es que todo un ecosistema de servicios ahora se encarga de cada pieza por ti, de la misma forma que el hosting administrado se encarga del mantenimiento de un sitio web — un servicio para mantener el historial de tu código, un servicio que despliega automáticamente tu app en el momento en que guardas un cambio, un servicio que corre tu base de datos sin que tú administres una computadora en absoluto. No estás montando infraestructura desde cero; estás conectando un puñado de servicios especializados que cada uno hace bien un trabajo.
Qué pasa realmente cuando "subes código" y queda en vivo
Aquí está la parte que se siente como magia la primera vez que la ves: una vez que el servicio de historial de tu código (GitHub) está conectado a tu servicio de despliegue, guardar y subir un cambio a tu código puede hacer que el servicio de despliegue reconstruya y republique tu app automáticamente en segundos — sin un paso manual donde alguien tenga que acordarse de "ponerlo en vivo". Haces un cambio, lo guardas, y unos segundos después el sitio web real tiene ese cambio.
Lo que esto no es
Una nota honesta, porque prometer de más no ayuda a nadie: nada de esto hace fácil construir una app por sí solo — elimina el trabajo de infraestructura (servidores, mantenimiento, parches de seguridad), no el trabajo de realmente diseñar y escribir la app. Y un agente de código con IA acelera escribir código; no reemplaza entender qué se supone que hace la app ni revisar lo que produce.
¿Listo para la versión más profunda?
Todo lo anterior es la versión en lenguaje simple de una guía técnica real y práctica — con comandos para copiar y pegar — para realmente configurar todo esto y desplegar una app real. Si quieres el detalle real, la versión completa está aquí: Build and Deploy a Next.js App with Claude, Vercel, and Supabase.
Si esta fue tu primera vez leyendo sobre cualquiera de estas cosas, ahora ya conoces suficiente vocabulario para seguir ese artículo sin perderte en el primer párrafo.