Com munto una web d'agència amb Claude Code (el meu stack real)

No escrius la web. La dirigeixes. Aquesta és la idea que ho canvia tot. La trampa de principiant és pensar que has de teclejar cada línia: no. Tu decideixes l'arquitectura i les regles; Claude Code escriu el codi al teu ritme. Amb la documentació ben feta, una persona produeix com un estudi petit. Aquest és l'stack exacte amb què ho faig i el mètode perquè no se't desmunti a mig camí.

Quin stack faig servir per muntar una web amb Claude Code?

Quatre peces, ni una més per començar: Next.js, Tailwind, Supabase i Vercel. És la combinació amb què estan fetes webs com les d'OpenAI o Notion, tot open source o amb pla gratuït, i encaixa perfecte amb el flux de dirigir la IA.

• Next.js — la base. El framework de React amb què es construeix pràcticament tot el frontend seriós avui. Open source.
• Tailwind — el disseny. Dones estil des del mateix codi, sense barallar-te amb fulls de CSS solts.
• Supabase — les dades. PostgreSQL de veritat, amb sistema de login (Auth) ja inclòs.
• Vercel — la publicació. Connectes GitHub i en segons la web és online.

Tu ets l'arquitecte; la IA és l'equip que escriu el codi. Aquesta és l'única jerarquia que importa.

Quant costa de veritat aquest stack?

Gairebé tot és gratis per començar, però hi ha un «gairebé» que convé dir de cara: l'eina que t'accelera, Claude Code, és de pagament des del primer dia.

| Eina | Gratis per començar | Comences a pagar quan… | | --- | --- | --- | | Next.js | Sempre. Open source. | Mai. | | Tailwind | Sempre. Open source. | Mai. | | Supabase | Pla gratis: aguanta un projecte sencer. | Molt trànsit o molta base de dades. | | Vercel | Pla hobby: perfecte per arrencar. | Ús comercial o trànsit alt. | | Claude Code | No és gratis. | Des del primer dia (compte Claude de pagament). |

L'stack no costa res per arrencar; l'acceleració sí. Honestedat per davant: per a un negoci petit els plans gratis de Supabase i Vercel sobren de llarg, però tingues-ho clar abans de prometre res.

Quin és el mètode perquè la IA no es desmunti?

Documentació primer, fase a fase. Una sessió = una fase. L'error de principiant és demanar-li tot de cop a la IA: el context s'embruta, s'inventa coses i el resultat cau. El mètode que funciona és just el contrari: divideixes el projecte en fases petites i li'n dones una per sessió.

1. Escrius el CLAUDE.md — un document que li dóna context permanent: stack, regles i arquitectura.
2. Claude Code el llegeix i executa — comença cada sessió llegint aquest context abans de tocar una línia.
3. Verifiques obrint arxius — no et refiïs del resum. Obre 1 o 2 arxius clau i comprova que existeix el que diu.
4. /clear i a la fase següent — neteges el context entre fases. Memòria fresca, millors resultats.