Aan de slag met Claude Code - van installatie tot je eerste project
Aan de slag met Claude Code - van installatie tot je eerste project
In mijn vorige artikel heb ik uitgelegd wat Claude Code is. Nu gaan we praktisch aan de slag. Ik neem je mee door de installatie en laat je zien hoe je je eerste project maakt. Je hoeft geen expert te zijn – gewoon een beetje basiskennis van de terminal is genoeg.
Voordat je begint
Je hebt een paar dingen nodig:
1. Een Anthropic account – ga naar anthropic.com en maak een account aan
2. API credits – je krijgt gratis credits om mee te starten
3. Node.js – versie 18 of hoger (check met `node --version`)
4. Een terminal – Terminal op Mac, PowerShell of WSL op Windows
5. Git – voor version control (optioneel maar aangeraden)
Stap 1: Installatie
Open je terminal en voer dit uit:
```bash
npm install -g @anthropic-ai/claude-code
```Dit installeert Claude Code globaal op je systeem. Het kan een paar minuten duren.
Check of het werkt:
```bash
claude-code --version
```Je zou een versienummer moeten zien. Zo niet, dan is er iets misgegaan met de installatie.
Stap 2: Configuratie
Nu moet je Claude Code koppelen aan je Anthropic account:
```bash
claude-code auth login
```Dit opent een browser waar je kunt inloggen. Na het inloggen krijg je een bevestiging in je terminal.
Stap 3: Je eerste project
Laten we een simpel project maken om Claude Code te testen. We bouwen een todo-app – klassiek, maar perfect om mee te oefenen.
Maak een nieuw project aan
```bash
mkdir todo-app
cd todo-app
npm init -y
```Start Claude Code
```bash
claude-code
```Je krijgt nu een interactieve prompt. Dit is waar de magie gebeurt.
Eerste opdracht
Type het volgende:
```
Maak een simpele todo-app met Node.js en Express. Gebruik een array om todos op te slaan (geen database). Voeg routes toe voor GET /todos, POST /todos en DELETE /todos/:id.
```Druk op Enter en kijk wat er gebeurt. Claude Code gaat:
1. De benodigde packages installeren (express)
2. Een server.js bestand maken
3. De routes implementeren
4. Een package.json script toevoegen om de server te starten
Check wat er is gemaakt
Type:
```bash
ls -la
cat server.js
```Je ziet nu een werkende Express server met todo-routes. Zo simpel is het.
Test de app
Start de server:
```bash
npm start
```Test het met curl of een tool zoals Postman:
```bash
Voeg een todo toe
curl -X POST http://localhost:3000/todos \
-H "Content-Type: application/json" \
-d '{"title": "Learn Claude Code"}'
Haal alle todos op
curl http://localhost:3000/todos
```Het werkt! Je hebt zojuist een API gebouwd zonder een regel code te schrijven.
Stap 4: Aanpassen en uitbreiden
Nu wordt het interessant. Laten we de app uitbreiden.
Voeg input validatie toe
In de Claude Code prompt, type:
```
Voeg input validatie toe aan de POST route. Een todo moet een title hebben en mag niet leeg zijn.
```Claude Code past de code aan en voegt validatie toe.
Voeg een frontend toe
```
Maak een simpele HTML pagina met JavaScript die de API gebruikt. Voeg een formulier toe om todos toe te voegen en een lijst om ze te tonen.
```Claude Code maakt een `public/index.html` bestand met een werkende frontend. Het update ook de Express server om static files te serveren.
Voeg tests toe
```
Schrijf tests voor de API routes met Jest en Supertest.
```Claude Code installeert de dependencies, maakt een `__tests__` directory, en schrijft test cases.
Run de tests:
```bash
npm test
```Alles zou groen moeten zijn.
Tips voor effectief gebruik
1. Wees specifiek
❌ "Maak de app beter"
✅ "Voeg error handling toe voor database connecties"
2. Werk iteratief
Start klein, test, breid dan uit. Niet alles in één keer vragen.
3. Review de code
Neem altijd de tijd om te begrijpen wat Claude Code heeft gemaakt. Blindly copy-paste is geen goed idee.
4. Gebruik context
Claude Code onthoud de conversatie. Gebruik dat:
```
Voeg een timestamp toe aan elke todo
Nu sorteer de todos op timestamp, nieuwste eerst
Voeg een status field toe (pending/done)
```5. Vraag uitleg
Als je iets niet snapt:
```
Leg uit waarom je hier async/await gebruikt
Waarom gebruik je deze middleware?
```Veelvoorkomende problemen
"Command not found"
Je PATH is niet goed gezet. Op Mac/Linux:
```bash
export PATH="$PATH:~/.npm-global/bin"
```Voeg dit toe aan je `.bashrc` of `.zshrc` om het permanent te maken.
"API rate limit exceeded"
Je hebt te veel requests gedaan. Wacht even of upgrade je plan.
"File permissions error"
Run niet met sudo. Fix je npm permissions:
```bash
mkdir ~/.npm-global
npm config set prefix '~/.npm-global'
```Volgende stappen
Nu je weet hoe Claude Code werkt, kun je het gebruiken voor:
- Bestaande projecten: navigeer naar een project en start `claude-code`
- Leren: vraag het om concepten uit te leggen
- Refactoring: laat het oude code moderniseren
- Debugging: beschrijf een bug en laat het helpen fixen
Best practices
1. Version control: gebruik git en commit vaak
2. Test alles: vertrouw niet blind op AI output
3. Privacy: deel geen gevoelige data
4. Backup: maak backups voor je grote refactorings doet
Conclusie
Je hebt nu een werkende setup en weet hoe je Claude Code gebruikt voor een project. De beste manier om beter te worden is simpelweg oefenen. Start met kleine projecten, experimenteer, en bouw langzaam je vertrouwen op.
Wil je meer leren? Schrijf je in voor de nieuwsbrief – ik deel elke week praktische tips en binnenkort organiseer ik gratis webinars waarin ik live laat zien hoe ik ermee werk.
