Bygg en fullstack-app med Claude på en kväll

Det här är mitt faktiska arbetsflöde — inte det ideala, utan det som faktiskt funkar när man har en kväll att bygga.

Steg 1: Skriv en spec (30 min) Innan du öppnar terminalen — skriv en CLAUDE.md-fil. Vad ska appen göra? Vilken stack? Vilka sidor finns? Vad är MVP och vad är "nice to have"? Claude läser den här filen och fattar bättre beslut genom hela projektet.

Steg 2: Skapa projektskelett (20 min) npx create-next-app@latest och Vercel-kopplingen direkt. Då kan du deploya i slutet av varje steg och se att det faktiskt funkar på riktigt.

Steg 3: Datamodell och backend (1 tim) Beskriv datamodellen för Claude och låt den skriva Firestore-regler och typer. Seed-data direkt — en tom databas ser alltid trasig ut.

Steg 4: UI komponenter (2 tim) En sida i taget. Håll Claude fokuserad på en fil i taget, annars börjar den skriva om saker som redan funkar.

Steg 5: Deployen (20 min) git push och kolla att Vercel-bygget går igenom. Testa på mobil. Hitta tre saker som ser konstiga ut och fixa dem.

Det viktigaste tricket: committa efter varje steg som funkar. Då kan du alltid gå tillbaka om Claude plötsligt bestämmer sig för att "förbättra" arkitekturen.