Träff 4 · Bygga
GitHub – ditt skyddsnät
Versionshantering på riktigt. Spara, backa, och få koden till molnet.
Går du kursen på egen hand? Hoppa över rundan och demon. Läs genomgången, gör övningen och hemuppgiften – och visa någon vad du byggt. Fastnar du: klistra in felet till Claude, eller se om en ledd cirkel passar dig eller din arbetsplats.
Mål för träffen
- Förstå vad git och GitHub är, och varför de är ditt skyddsnät.
- Ha ditt cirkelprojekt på GitHub.
- Kunna spara (commit), skicka upp (push) och backa till en tidigare version.
Agenda (60 min)
| Tid | Vad |
|---|---|
| 0–10 | Runda: vad var svårt att få Claude att förstå? |
| 10–25 | Genomgång: git och GitHub i fem begrepp |
| 25–50 | Koppla ditt projekt till GitHub – och prova att backa |
| 50–60 | Titta på varandras repon på github.com, hemuppgift |
Genomgång
Git och GitHub är inte samma sak
- Git är ett program på din dator som håller koll på alla versioner av ditt projekt. Tänk versionshistorik i Word – fast för en hel mapp, och där du själv bestämmer när en version sparas.
- GitHub är en webbtjänst där du lagrar en kopia av projektet och dess historik i molnet. Den behövs för att Vercel ska kunna publicera din app.
Fem begrepp räcker
| Begrepp | Betyder | På vardagssvenska |
|---|---|---|
| Repository (repo) | Projektmappen + hela historiken | Arkivet för projektet |
| Commit | En sparad version med en kort beskrivning | En sparad version med anteckning |
| Push | Skicka dina commits till GitHub | Leverera till arkivet |
| Branch | En parallell version att experimentera i | En sandlåda / ett ändringsförslag |
| Pull request (PR) | Förslag att föra in en branch i huvudspåret | Ändringsbegäran som kan granskas |
Du behöver inte skriva git-kommandon
Claude Code kan git. Du säger vad du vill – "spara det här som en version", "skicka upp till GitHub", "visa vad som ändrats sen igår" – och Claude kör kommandona. Men du ska förstå vad som händer, så att du kan godkänna rätt saker.
Den gyllene regeln
Commit när något fungerar. Då kan du alltid backa dit om nästa ändring går åt skogen. Det gör dig modig – och mod är det vibe coding behöver.
Övning
- Logga in git mot GitHub – kör prompt E1. Claude guidar dig genom inloggningen (du gör den i webbläsaren, Claude ser aldrig ditt lösenord).
- Skapa repot – prompt E2. Välj privat repo.
- Öppna github.com och hitta ditt repo. Klicka runt: filer, commits, historik.
- Gör en ändring med flit som förstör något, och be Claude backa till senaste fungerande version (prompt E4).
- Bonus: prova en branch – prompt E5. Gör en ändring där, och slå ihop den via en pull request på github.com.
Du är klar när
- Ditt projekt finns som privat repo på GitHub.
- Du har backat minst en gång – och sett att det fungerar.
Hemuppgift
- Fortsätt bygga, men commit + push efter varje fungerande steg (prompt E3).
- Kolla historiken på github.com – kan du följa vad du gjort?
Fastnat?
- "Permission denied" eller "authentication failed" – inloggningen har inte gått igenom. Kör E1 igen.
- Råkade pusha något hemligt (lösenord, nyckel)? Säg till direkt – nyckeln måste bytas, att radera filen räcker inte. Mer om detta i träff 7.