Publica tu app gratis: el stack y el prompt para Claude Code
Qué hace cada pieza para publicar una app (GitHub, Vercel, Supabase, Railway y Resend), con la analogía de una tienda, y el prompt completo para que Claude Code las conecte contigo paso a paso.
Descargar el PDF189 KBEn esta página · 6 partes
Cuando tu app ya funciona en tu computador, la pregunta es: «¿y ahora cómo la publico?». La respuesta no es una sola herramienta, sino un puñado de piezas que se reparten el trabajo. Esta guía te explica qué hace cada una con una analogía simple y te deja un prompt para que Claude Code las conecte contigo, explicándote cada paso.
Las piezas, como si fueran una tienda
Imagina que tu app es una tienda. Cada herramienta cumple un rol distinto:
| Pieza | En la tienda | Qué hace por tu app |
|---|---|---|
| GitHub | La caja fuerte con historial | Guarda tu código y cada cambio que haces. Si algo se rompe, puedes volver a una versión anterior. |
| Vercel | El local | Publica tu app o tu página en internet y se actualiza sola cada vez que subes un cambio a GitHub. |
| Supabase | La bodega | Guarda tus datos en una base de datos y trae el inicio de sesión incluido, para que cada persona entre con su cuenta. |
| Railway | Lo que trabaja atrás | Corre tareas que se ejecutan solas o un servicio completo que tu app necesita. Puedes probarlo gratis. |
| Resend | El cartero | Envía los correos de tu app: bienvenida, recuperar contraseña, avisos. |
| Dominio | El letrero con tu nombre (opcional) | Te da una dirección propia, como tuapp.com, en lugar de una dirección genérica. |
No necesitas las seis desde el primer día. Una app sencilla vive bien con GitHub y Vercel. Cuando necesite guardar datos o tener usuarios, sumas Supabase. Railway y Resend entran cuando aparece una tarea automática o un correo.
Cómo se conectan
El camino es siempre el mismo y va de izquierda a derecha:
- Tu código sube a GitHub. Ahí queda guardado con su historial.
- Vercel mira GitHub. Cada vez que llega un cambio, publica la versión nueva sin que hagas nada más.
- Tu app habla con Supabase para guardar datos y reconocer a las personas que inician sesión.
- Resend manda los correos cuando algo ocurre en tu app (alguien se registra, olvida su clave).
- Railway ejecuta lo que corre por detrás, si lo necesitas.
Qué le dices a Claude
No tienes que memorizar comandos. Claude Code puede hacer cada paso si se lo pides con claridad:
| Para qué | Herramienta | Qué le dices a Claude |
|---|---|---|
| Guardar tu código con historial | GitHub | «Sube este proyecto a un repositorio nuevo en GitHub y explícame cada paso.» |
| Publicar tu app en internet | Vercel | «Conecta el repositorio con Vercel para que se publique solo con cada cambio.» |
| Guardar datos e iniciar sesión | Supabase | «Conecta Supabase y agrega inicio de sesión con correo.» |
| Tareas automáticas o un servicio | Railway | «Necesito que esto corra solo cada día. Dime si conviene Railway y cómo montarlo.» |
| Enviar correos | Resend | «Agrega correos de bienvenida y de recuperar contraseña con Resend.» |
| Tener una dirección con tu nombre | Dominio | «Explícame cómo conecto mi dominio a Vercel, paso a paso.» |
El prompt completo
Pégalo en Claude Code dentro de la carpeta de tu proyecto. Está pensado para que Claude te explique antes de actuar y te pida confirmación en cada paso.
Quiero publicar este proyecto en internet y que se actualice solo con cada cambio. Hazlo paso a paso y, antes de cada paso, explícame en palabras simples qué vas a hacer y por qué. Espera mi confirmación antes de seguir al siguiente.
- GitHub: revisa que el proyecto tenga un .gitignore que deje fuera los archivos .env y la carpeta node_modules. Luego crea un repositorio nuevo en mi cuenta, haz el primer commit y sube el código.
- Vercel: conecta ese repositorio con Vercel para que cada cambio en la rama principal se publique automáticamente. Dime qué configuración detectaste y cuál es la dirección donde quedó publicada.
- Supabase: crea o conecta un proyecto de Supabase, deja la base de datos lista para lo que necesita mi app y agrega inicio de sesión con correo. Activa la seguridad por filas (RLS) en cada tabla y explícame qué protege.
- Opcional, solo si te lo confirmo: agrega Resend para enviar un correo de bienvenida y otro para recuperar la contraseña.
Regla importante: guarda todas las claves y secretos en variables de entorno (en un archivo .env local y en el panel de Vercel), nunca dentro del código ni en GitHub. Cuando termines, dame una lista de lo que quedó configurado, qué variables de entorno usa mi app y cómo puedo comprobar que todo funciona.
Antes de publicar, revisa tres cosas
- Tus claves no están en el código. Si una clave llegó a GitHub, trátala como expuesta y cámbiala. Pídele a Claude: «busca claves o secretos en el proyecto y en el historial de git».
- Entiendes cada paso que aprobaste. Si Claude propone algo que no comprendes, pídele que te lo explique antes de continuar.
- Probaste la dirección pública. Abre la dirección que te dio Vercel, desde otro dispositivo si puedes, y comprueba que lo importante funciona.
En tres líneas
- GitHub guarda tu código, Vercel lo publica, Supabase guarda tus datos y usuarios, Railway trabaja por detrás y Resend envía los correos.
- Empieza con lo mínimo y suma piezas cuando tu app las necesite.
- Pídele a Claude que explique y confirme cada paso, y que guarde las claves en variables de entorno, nunca en el código.