2.4: GitHub

Je quiz bestaat nu alleen op jouw computer. Voor je hem op het internet kan zetten, bewaar je hem eerst veilig in de cloud. Daar dient GitHub voor.

• Tijd: 15 min

Interactieve les: draai /start-2-4 in Claude Code

Wat is GitHub?

GitHub is een soort Google Drive, maar dan voor code. Het bewaart je code in de cloud, houdt een geschiedenis bij van elke wijziging, en laat je fouten terugdraaien. Het is ook hoe je je quiz straks op het internet krijgt: de deploy-dienst haalt je code daar op.

Jargon: je project op GitHub heet een repository (of kortweg “repo”). Je code omhoog duwen naar de cloud heet pushen.

Wat je nodig hebt

1. Een GitHub-account, vraag Claude om github.com te openen als je er nog geen hebt.
2. De GitHub CLI (gh), de tool waarmee Claude rechtstreeks met GitHub werkt, zodat jij geen enge commando’s hoeft te typen.

De GitHub CLI opzetten

Claude checkt eerst met gh --version of de CLI al staat. Zo niet:

• Windows: winget install --id GitHub.cli (of de installer via cli.github.com, daarna terminal herstarten)
• Mac: brew install gh

Daarna authenticeer je. Claude opent github.com/login/device, toont je een eenmalige code, en jij klikt op Authorize. Claude controleert het met gh auth status.

Je code bewaren

Claude voert de stappen op volgorde uit en maakt de repo standaard privé, zodat alleen jij hem ziet:

git init
git add .
git commit -m "Eerste versie - Stroom-type quiz"
gh repo create stroom-quiz --private --source=. --push

Daarna opent Claude de repo in je browser met gh repo view --web, zodat je je project op GitHub ziet staan.

Vanaf nu: wil je je werk bewaren, vraag dan gewoon om “naar GitHub te pushen”. Claude bewaart dan je nieuwste wijzigingen. Next.js heeft al een .gitignore, dus zware mappen zoals node_modules worden niet meegestuurd.

Goed om te weten

• Bestaat er al een repo met de naam stroom-quiz? Dan geeft gh een foutmelding, kies gewoon een andere naam.
• GitHub kan veel meer: samenwerken, versiegeschiedenis, vertakkingen. Voor nu telt vooral dat je code ergens staat waar hij opgehaald kan worden.

Wat nu

2.5: Live gaan →, koppel GitHub aan Vercel en krijg een echte URL die je met iedereen kan delen.