Cómo armamos plataformas de verdad

Es distinto al Claude que usas en el navegador. Claude Code corre en la Terminal de tu computador (una ventana negra de puros comandos) y desde ahí puede crear archivos, escribir código, ejecutarlo y corregirlo — todo en tu carpeta de proyecto.

npm install -g @anthropic-ai/claude-code

Cuando termine, para abrirlo:

1. Entra a la carpeta de tu proyectoEn la Terminal, escribe cd y arrastra la carpeta a la ventana, o escribe la ruta completa. Si no existe todavía, créala primero en el Explorador de archivos.
2. Escribe claude y EnterSe abre tu navegador para que inicies sesión con tu cuenta de Claude, la misma que ya usas.
3. Ya estás dentroAhora le escribes en español lo que quieres, igual que en el chat normal, pero él va a crear los archivos de verdad en esa carpeta.

Prompt para partir un proyecto nuevo, dentro de Claude Code:

Quiero armar una plataforma simple para [describe en una frase qué hace: ej. "que mis clientes
se registren y vean el estado de su pedido"]. Todavía no tengo base de datos ni nada conectado.
Empecemos por la pantalla principal y el formulario de inicio de sesión, con HTML simple,
sin conectar nada todavía. Ve explicándome qué archivo vas creando y para qué sirve.

GitHub no es para escribir código a mano. Es la caja fuerte que guarda cada versión de lo que Claude Code va armando, y es lo que Vercel o Cloudflare miran para saber qué publicar. Tú casi no lo tocas directamente — le pides a Claude Code que lo haga por ti.

1. Crea tu cuentaEntra a github.com → "Sign up". Usa un correo que revises seguido.
2. Instala GitHub DesktopDescárgalo en desktop.github.com e inicia sesión ahí, una sola vez. Esto le da permiso a tu computador para guardar cosas en tu cuenta — después Claude Code lo usa solo, sin pedirte clave cada vez.
3. No necesitas aprender los comandos de gitCuando tengas algo listo en Claude Code, simplemente pídeselo: "Sube este proyecto a GitHub, crea un repositorio llamado [nombre]". Él corre los comandos por ti.

Supabase hace dos cosas: guarda información en tablas (como una planilla en la nube), y maneja el registro/inicio de sesión de los usuarios, con las contraseñas protegidas automáticamente — tú nunca las ves ni las guardas a mano.

1. Crea tu cuenta y tu proyectoEntra a supabase.com → "Start your project" → regístrate con Google. Luego "New Project": nómbralo, crea una contraseña de base de datos (guárdala) y elige la región más cercana. Espera ~2 minutos.
2. Copia tus dos clavesVe a Settings → API. Copia la Project URL y la anon public key a un bloc de notas — son las que le vas a pasar a Claude Code.
3. Activa el registro con correoVe a Authentication → Providers → confirma que "Email" esté activado. Con eso Supabase ya sabe recibir gente que se registra.

Prompt para que Claude Code conecte todo esto:

Conecta este proyecto a Supabase. Mi Project URL es [TU PROJECT URL] y mi anon key es
[TU ANON KEY]. Agrega registro e inicio de sesión con correo y contraseña usando supabase-js.
Cuando alguien se registre, crea automáticamente una fila para esa persona en una tabla llamada
perfiles, con su correo y la fecha. Configura los permisos (Row Level Security) para que cada
usuario solo pueda ver y editar su propia fila, nunca la de otro.

Con el código en GitHub, falta un último paso: conectarlo a un servicio que lo publique y le dé un link real. Usamos principalmente Vercel; Cloudflare es el respaldo cuando Vercel falla o para publicar algo suelto muy rápido.

1. Crea tu cuenta con GitHubEntra a vercel.com → "Sign Up" → elige "Continue with GitHub". Así quedan las dos cuentas conectadas de una vez.
2. "Add New" → "Project"Elige el repositorio que Claude Code creó en GitHub y toca "Deploy". No cambies ninguna otra opción.
3. Listo, y queda automáticoCada vez que Claude Code suba un cambio nuevo a GitHub, Vercel publica esa versión sola, sin que tengas que hacer nada más.
4. Las claves de Supabase van aparteEn el proyecto de Vercel: Settings → Environment Variables. Ahí pegas la Project URL y la anon key, para que no queden visibles dentro del código.

1. Crea tu cuentaEntra a cloudflare.com → regístrate gratis.
2. Workers & Pages → Create → conectar a GitElige el mismo repositorio de GitHub. Funciona igual que Vercel: cada cambio se publica solo.
3. Para algo suelto, sin cuentaSi solo necesitas publicar una página simple ya (sin usuarios, sin base de datos), sigue usando Netlify Drop como en la guía corta — es más rápido para eso.

Cuando ya tengas las cuatro cuentas creadas (Claude Code instalado, GitHub, Supabase, Vercel), este es el orden real, cada vez que armes algo nuevo: