Summary  
This chapter covers using Git to push local code to a remote GitHub repository, including authentication via GitHub’s device flow and managing sensitive files with a .gitignore.  

General domain of usage  
Web application deployment

**GitHub** is een platform voor het hosten en beheren van code met behulp van versiebeheer (Git). Hiermee kunnen ontwikkelaars projecten opslaan, wijzigingen bijhouden, samenwerken met anderen en hun werk online delen.

Definitie

Op dit moment staat je project in een map op je computer. Om het online te publiceren, moet je het verplaatsen naar een plek waar een hostingplatform er toegang toe heeft. GitHub fungeert als die tussenpersoon.

Zie GitHub als cloudopslag voor code. Je bestanden blijven op je computer, maar GitHub bewaart een kopie die andere tools — zoals het hostingplatform dat we in het volgende hoofdstuk gebruiken — kunnen lezen en gebruiken om te deployen.

GitHub slaat je code op. Vercel publiceert het. We beginnen met GitHub.

Opmerking

### Wat je moet doen

1. **Maak een GitHub-account aan**
Ga naar **github.com** en klik op **Sign Up**.
Als je al een account hebt, log dan gewoon in

2. **Vraag Claude Code om je project te pushen**
Je hoeft GitHub niet handmatig in te stellen. Vraag Claude Code:

```
   Hoe kan ik mijn app publiceren? Ik heb een GitHub-account. Ik wil de eenvoudigste manier om de app te publiceren.
```

Claude Code begeleidt je bij het pushen van je project naar GitHub.
Wanneer je wordt gevraagd om te autoriseren via **github.com/login/device**, volg dan de stappen, voer de code in en klik op **Approve**

3. **Bevestig dat je project live staat op GitHub**
   Zodra het klaar is, geeft Claude Code een GitHub-URL
Open de link en controleer of al je projectbestanden aanwezig zijn

### Eén belangrijk ding om te weten

Je project bevat een bestand genaamd .env.local. Hier staat je API-sleutel in. Dit bestand wordt automatisch uitgesloten van GitHub door een bestand genaamd .gitignore. Dit betekent dat je API-sleutel privé blijft en niet wordt geüpload.

Je hoeft hier niets te doen. Claude Code regelt dit automatisch. Het is alleen handig om te weten waarom.

Zodra je code op GitHub staat, behandelt het volgende hoofdstuk het deployen naar Vercel zodat je app live is op het internet met een echte URL die iedereen kan bezoeken.


Wat is de belangrijkste rol van GitHub bij het deployen van je code?

Bouw en lanceer een echte app in slechts één weekend met behulp van moderne AI-tools en een eenvoudige, praktische workflow. Gebruik Claude Code om je code te plannen, genereren en verfijnen, beheer je project met GitHub en zet je voltooide app online met Vercel. Je begint met een idee en zet dit snel om in een duidelijk projectplan, waarna je stap voor stap een werkende applicatie bouwt. De focus ligt op kernfunctionaliteiten, eenvoudige architectuur en snelle iteratie in plaats van onnodige complexiteit. Je leert effectief samenwerken met AI door betere prompts te schrijven, fouten op te lossen en functies te verbeteren. Je eindigt met een live app, een overzichtelijk GitHub-project en een herhaalbaar systeem om toekomstige ideeën sneller om te zetten in echte producten.

Begrijp de basisprincipes van AI-ondersteunde ontwikkeling, stel je omgeving in en maak kennis met Claude Code voordat je aan je eerste app begint.

Zet uw idee om in een duidelijk, eenvoudig plan en definieer de kleinste versie van uw app die echte waarde levert.

Ga van nul naar een werkende app door code te genereren met AI, het project op te zetten en te begrijpen wat er is gemaakt.

Verbeter uw app door functies toe te voegen, het ontwerp te verfijnen en te leren hoe u problemen effectief oplost.

Publiceer uw project, maak het online toegankelijk en zorg ervoor dat alles werkt met behulp van GitHub en Vercel.

Code naar GitHub pushen

Wat je moet doen

Eén belangrijk ding om te weten