Cómo monto una web de agencia con Claude Code (mi stack real)

No escribes la web. La diriges. Esa es la idea que lo cambia todo. La trampa de principiante es pensar que tienes que teclear cada línea: no. Tú decides la arquitectura y las reglas; Claude Code pica el código a tu ritmo. Con la documentación bien hecha, una persona produce como un estudio pequeño. Este es el stack exacto con el que lo hago y el método para que no se te desmorone a mitad de camino.

¿Qué stack uso para montar una web con Claude Code?

Cuatro piezas, ni una más para empezar: Next.js, Tailwind, Supabase y Vercel. Es la combinación con la que están hechas webs como las de OpenAI o Notion, todo open source o con plan gratuito, y encaja perfecto con el flujo de dirigir a la IA.

• Next.js — la base. El framework de React con el que se construye prácticamente todo el frontend serio hoy. Open source.
• Tailwind — el diseño. Das estilo desde el propio código, sin pelearte con hojas de CSS sueltas.
• Supabase — los datos. PostgreSQL de verdad, con sistema de login (Auth) ya incluido.
• Vercel — la publicación. Conectas GitHub y en segundos la web está online.

Tú eres el arquitecto; la IA es el equipo que escribe el código. Esa es la única jerarquía que importa.

¿Cuánto cuesta este stack de verdad?

Casi todo es gratis para empezar, pero hay un «casi» que conviene decir de frente: la herramienta que te acelera, Claude Code, es de pago desde el día uno.

| Herramienta | Gratis para empezar | Empiezas a pagar cuando… | | --- | --- | --- | | Next.js | Siempre. Open source. | Nunca. | | Tailwind | Siempre. Open source. | Nunca. | | Supabase | Plan gratis: aguanta un proyecto entero. | Mucho tráfico o mucha base de datos. | | Vercel | Plan hobby: perfecto para arrancar. | Uso comercial o tráfico alto. | | Claude Code | No es gratis. | Desde el día uno (cuenta Claude de pago). |

El stack no cuesta nada para arrancar; la aceleración sí. Honestidad por delante: para un negocio pequeño los planes gratis de Supabase y Vercel sobran de largo, pero tenlo claro antes de prometer.

¿Cuál es el método para que la IA no se desmorone?

Documentación primero, fase a fase. Una sesión = una fase. El error de principiante es pedirle todo de golpe a la IA: el contexto se ensucia, se inventa cosas y el resultado se cae. El método que funciona es justo el contrario: divides el proyecto en fases pequeñas y le das una por sesión.

1. Escribes el CLAUDE.md — un documento que le da contexto permanente: stack, reglas y arquitectura.
2. Claude Code lo lee y ejecuta — empieza cada sesión leyendo ese contexto antes de tocar una línea.
3. Verificas abriendo archivos — no te fíes del resumen. Abre 1 o 2 archivos clave y comprueba que existe lo que dice.
4. /clear y a la siguiente fase — limpias el contexto entre fases. Memoria fresca, mejores resultados.