El stack de tu app: dónde vive cada parte y qué herramienta usar
Claude te escribe la app, pero tu app vive en seis lugares: código, versiones, página, servidor, base de datos y API keys. El mapa con las herramientas más usadas en cada uno y sus enlaces.
Descargar el PDF224 KBEn esta página · 6 partes
Claude te escribe la app, pero tu app no vive en Claude. Para que otras personas la usen, cada parte tiene que estar en algún lugar: el código, sus versiones, la página, el servidor, los datos y la inteligencia artificial. Esta guía es el mapa: qué hace cada lugar y qué herramientas se usan para cada uno.
El mapa en una tabla
| Lugar | Para qué sirve | Herramientas |
|---|---|---|
| 1. Escribir el código | Donde la IA y tú escriben la app. | Claude Code, Codex, OpenCode, Cursor |
| 2. Guardar versiones | Cada cambio queda guardado y puedes volver atrás si algo se rompe. | Git, con tu repositorio en GitHub o GitLab |
| 3. Publicar tu página | La parte que se ve en el navegador sale a internet con una dirección. | Vercel, Netlify, Cloudflare Pages |
| 4. Servidor | Lo que trabaja por detrás: procesos largos, tareas programadas, una API. | Railway, Render, Fly.io |
| 5. Base de datos | Donde se guardan tus usuarios y tus datos. | Supabase, Neon, Firebase, MongoDB |
| 6. Inteligencia artificial | Una API key para que tu app use modelos de IA (texto, imagen, voz). | OpenRouter, Replicate, Hugging Face |
No necesitas los seis desde el primer día. Una página sencilla vive con los lugares 1, 2 y 3. El servidor, la base de datos y la IA se suman cuando tu app los necesita.
Cómo se conectan
- Escribes el código con Claude Code (o la herramienta que uses) en tu computador.
- Lo subes a GitHub. Ahí queda cada versión.
- Vercel mira tu repositorio y publica la página cada vez que subes un cambio.
- Tu app le habla a la base de datos para guardar usuarios y datos.
- El servidor hace el trabajo largo que no cabe en la página, si lo hay.
- La API key conecta tu app con un modelo de IA, siempre desde el servidor, nunca desde el navegador.
Mi stack
Con esto corre elkis.dev: Claude Code para escribir, GitHub para las versiones, Vercel para la página, Railway para lo que corre por detrás y Supabase para usuarios y datos.
Lo que también vas a necesitar después
- Cobrar: Stripe o Mercado Pago.
- Enviar correos: Resend.
- Enterarte cuando algo falla: Sentry.
Qué le dices a Claude
No tienes que configurar nada a mano. Pídeselo así, dentro de la carpeta de tu proyecto:
Revisa este proyecto y dime qué lugares del stack necesita de verdad: código, versiones, página, servidor, base de datos e inteligencia artificial. Para cada uno que haga falta, recomiéndame una herramienta y explícame por qué en palabras simples. Después conéctalos paso a paso, explicándome cada paso antes de hacerlo y esperando mi confirmación. Guarda todas las claves en variables de entorno, nunca en el código ni en GitHub.
Si quieres el paso a paso para publicar con GitHub, Vercel y Supabase, sigue con la guía Publica tu app gratis.
En tres líneas
- Tu app vive en seis lugares: código, versiones, página, servidor, base de datos e IA.
- Empieza con lo mínimo (código, GitHub y Vercel) y suma lugares cuando tu app los necesite.
- Las claves siempre en variables de entorno, y la API key de IA solo en el servidor.