Allt vi gått igenom i det här bootcampet har pekat mot en sak: att faktiskt bygga något och publicera det.
Det är det det handlar om. Inte att förstå varje koncept i teorin, utan att gå från "jag har en idé" till en URL som fungerar på riktigt. Det är möjligt att göra på en enda session. Det här avsnittet ger dig kartan.
Steg 0: Vet vad du bygger
Innan du skriver en rad kod, skriv en mening.
Inte "en cool app". Inte "ungefär som Airbnb fast för X". En mening som beskriver vad en specifik person ska kunna göra. Till exempel: "En webbapp där användare kan lämna feedback på produkter, se andras feedback, och logga in med sin email."
Det låter trivialt. Det är det inte. Vaga uppdrag ger vaga resultat — oavsett om du ber Claude om hjälp eller skriver koden själv. Precisionen i din beskrivning avgör kvaliteten på det du bygger.
Steg 1: Sätt upp grunden
Du behöver fyra saker på plats: ett Next.js-projekt, ett Supabase-projekt, ett GitHub-repo och en koppling till Vercel.
Claude Code kan guida dig genom det om du beskriver stacken. Alternativt gör du det manuellt på ungefär tio minuter: `npx create-next-app@latest` skapar projektet, `git init` och ett GitHub-repo sätter upp versionshanteringen, Supabase-dashboarden ger dig dina nycklar, och `vercel link` kopplar projektet till ditt Vercel-konto.
Lägg Supabase-nycklarna i `.env.local`. Berätta inte för Git att den filen finns.
Steg 2: Bygg med Claude Code
Öppna terminalen. Starta Claude Code. Beskriv din app del för del, inte som ett enda enormt uppdrag.
Börja med det statiska. En startsida som visar produkter från Supabase. Sedan en produktdetaljsida. Sedan ett formulär. Sedan inloggning. Sedan styling. Sedan gränsfall: vad händer om det inte finns några produkter? Om en produkt inte finns (404)? Om nätverket är nere?
Varje steg är ett separat samtal. Varje samtal är verifierbart. Du ser om det fungerar innan du går vidare.
Steg 3: Hantera det som inte fungerar
Fel är inte ett tecken på att processen går snett. De är en del av processen.
När något inte fungerar, beskriv exakt vad du ser: felet, vad du försökte, vad du förväntade dig. Claude Code debuggar, inte bara föreslår. Den läser felmeddelandet, undersöker koden, och itererar. Det är snabbare och mer systematiskt än att söka på Stack Overflow.
Steg 4: Publicera
Lägg till dina miljövariabler i Vercel (Supabase URL och anon-nyckel), kör `vercel --prod`, och din app är live på en riktig URL.
Dela den. Någon annan som kan klicka på den förändrar hur du tänker om projektet.
Tankesättet som förändrar allt
Det gamla sättet att bygga en app: lär dig teknologin, bygg offline i månader, publicera när det är färdigt. Problemet är att "färdigt" aldrig kom.
Det nya sättet: publicera det enklaste möjliga versionen av idén så snabbt som möjligt. Få feedback. Iterera. Det som är bra behåller du. Det som inte fungerar skriver du om.
Det är inte en kompromiss på kvalitet. Det är insikten att du inte vet vad kvalitet innebär förrän du sett hur det faktiskt används.
Den bästa tiden att bygga din första app var igår. Den näst bästa är nu.