Före start

Varför före start?

En timme går fort. Om halva första träffen går åt till installation blir det ingen vibe coding. Gör därför det här hemma, i lugn och ro, och ta med frågor till träff 1 om något krånglar.

Du är klar när du har fyra konton, tre installerade program och har fått Claude Code att svara på en fråga i en mapp på din dator.

Det här kostar det

Tjänst	Vad den gör	Kostnad
Claude (Pro eller högre)	AI-assistenten som skriver koden, via Claude Code i Claude Desktop	Liten månadsprenumeration – det enda som kostar
GitHub	Sparar din kod och hela dess historik i molnet	Gratis
Vercel (Hobby)	Publicerar din app på en riktig webbadress	Gratis för personliga, icke-kommersiella projekt
Supabase (Free)	Databas och inloggning till din app	Gratis för små projekt

Bra att veta: Gratisnivåerna har gränser. Vercel Hobby är till för personliga, icke-kommersiella projekt. Supabase gratisprojekt pausas efter en tid utan aktivitet och har ett tak för antal projekt. Det räcker gott för cirkeln. Villkoren ändras ibland – kolla respektive sida om du är osäker.

Steg 1 – Skapa konton

1. Claude – skaffa Pro på claude.ai. Kolla om din arbetsgivare har riktlinjer för vilket konto du ska använda.
2. GitHub – skapa konto på github.com. Välj ett användarnamn du är bekväm med att visa i jobbet – det syns i dina länkar.
3. Vercel – registrera dig på vercel.com och välj Continue with GitHub. Då hänger kontona ihop från början.
4. Supabase – registrera dig på supabase.com, också med Continue with GitHub.

Steg 2 – Installera program

1. Claude Desktop – ladda ner från claude.ai/download och logga in.
2. Git – versionshanteringen som GitHub bygger på.
   • Mac: öppna Terminal och skriv git --version. Får du frågan om att installera utvecklarverktyg – säg ja.
   • Windows: installera Git for Windows från git-scm.com (standardvalen är bra).
3. Node.js (LTS-versionen) från nodejs.org – motorn som kör webbappar på din dator.

Jobbdator? Om du inte får installera program själv – prata med IT i förväg, eller använd en privat dator under cirkeln.

Steg 3 – Skapa din arbetsmapp

Skapa en mapp som heter vibe i din hemkatalog (eller under Dokument). Där hamnar alla dina projekt under cirkeln.

Steg 4 – Första kontakten

1. Öppna Claude Desktop och välj fliken Code.
2. Välj din vibe-mapp som arbetsmapp.
3. Skriv: "Hej! Kolla vilka versioner av git och node som finns installerade på den här datorn och berätta om något saknas."
4. Claude kommer att be om lov att köra kommandon. Läs vad den vill göra, och godkänn.

Svarar Claude med två versionsnummer? Grattis – du är redo.

Fastnat?

• "git is not recognized" (Windows) – starta om Claude Desktop efter att Git installerats.
• Claude Code-fliken saknas – kontrollera att du har Pro (eller högre) och den senaste versionen av appen.
• Något annat – ta en skärmdump och ta med till träff 1. Vanligtvis löser vi det på två minuter tillsammans.

Bocka av i Setup-checklistan.