Claude AI
Meesterhandleiding

Welkom & Opbouw van Deze Handleiding

Deze handleiding is geschreven voor iedereen die professioneel wil leren werken met Claude AI — van bedrijfseigenaars en marketeers tot developers en designers. Na het doorlopen van deze gids ben je in staat om:

• Efficiënt te communiceren met Claude voor dagelijkse taken
• Geavanceerde prompts te schrijven die consistente resultaten geven
• Skills en Connectors in te zetten om Claude te verbinden met je bestaande tools
• Claude Code te gebruiken om echte applicaties en websites te bouwen
• Projecten te deployen via GitHub en Vercel
• Workflows te automatiseren die uren per week besparen

Hoe Deze Handleiding Werken

De handleiding is opgedeeld in 10 grote delen, elk opgesplitst in meerdere secties. Je kunt de handleiding van voor naar achter lezen, maar je kunt ook direct naar een specifiek onderwerp springen via de navigatie aan de linkerkant.

Wat is Claude AI?

Claude is een Large Language Model (LLM) ontwikkeld door Anthropic, een AI-veiligheidsbedrijf opgericht in 2021 door voormalige OpenAI-medewerkers. Claude onderscheidt zich van andere AI-systemen door zijn nadruk op veiligheid, eerlijkheid en nuance.

De Kernwaarden van Claude

Hoe Werkt Claude Technisch?

Claude is getraind op grote hoeveelheden tekstdata via een proces genaamd Constitutional AI (CAI) — een unieke methode van Anthropic waarbij Claude zichzelf leert beoordelen aan de hand van een "grondwet" van principes. Dit geeft hem een sterk moreel kompas zonder menselijke feedback voor elk scenario.

Wanneer jij een bericht stuurt naar Claude, verwerkt het model je tekst token per token (stukjes tekst van ~4 karakters) en voorspelt het meest waarschijnlijke nuttige antwoord. Het context window — de hoeveelheid tekst die Claude tegelijk "onthoudt" — is bij Sonnet 4 en Opus 4 maar liefst 200.000 tokens, wat neerkomt op circa 150.000 woorden of een heel boek.

Claude vs ChatGPT vs Gemini

De drie grote AI-assistenten hebben elk hun sterktes:

Claude is de beste keuze wanneer kwaliteit van redeneren, lange documenten, gedetailleerde code, en eerlijkheid prioriteit hebben. Voor afbeeldingen genereren gebruik je DALL-E of Midjourney als aanvulling.

Claude Modellen: Haiku, Sonnet & Opus

Anthropic biedt Claude aan in drie tiers, elk geoptimaliseerd voor een andere balans tussen snelheid, kwaliteit en kosten. Kies het juiste model voor jouw taak.

Visuele Model Vergelijking

Claude.ai Pro vs Free

Claude vs Andere AI-tools in de Praktijk

Als bedrijf wil je weten: wanneer gebruik ik Claude, en wanneer iets anders? Hier is een praktische gids:

Gebruik Claude voor:

• Lange documenten verwerken — contracten, rapporten, boeken analyseren
• Code schrijven & debuggen — complete applicaties bouwen
• Schrijven & herschrijven — marketingteksten, e-mails, handleidingen
• Complexe redenering — strategie, probleemoplossing, research
• Data analyseren — CSV bestanden, tabellen, cijfers interpreteren
• Meertalige content — NL, FR, EN, DE en meer

Combineer Claude met:

Account Aanmaken & Setup

De Claude Interface Verkennen

Interface Overzicht — Visuele Gids

Zo ziet de Claude-interface eruit met de belangrijkste elementen genummerd:

Handige Sneltoetsen

Projects: Georganiseerd Werken met Claude

Projects zijn een van de krachtigste features van Claude.ai Pro. Een Project is een permanente werkruimte met eigen context, bestanden en instellingen.

Wat kun je toevoegen aan een Project?

• System prompt — Instructies die altijd gelden voor alle gesprekken in dit project
• Bestanden & documenten — PDFs, tekstbestanden, code die Claude altijd kan raadplegen
• Gesprekken — Alle chats binnen het project zijn georganiseerd op één plek

Project Voorbeelden voor Bedrijven

Een Project Aanmaken

Memory Systeem: Claude die Jou Onthoudt

Claude.ai heeft een geheugen systeem dat informatie over jou opslaat over gesprekken heen. Dit is fundamenteel anders dan de context binnen een gesprek.

Hoe Werkt Memory?

Na afloop van gesprekken genereert Claude automatisch herinneringen over jou op basis van wat je hebt gedeeld. Deze herinneringen worden bij toekomstige gesprekken automatisch meegegeven. Je kunt deze herinneringen bekijken en beheren via Instellingen → Memory.

Memory Beheren

• Bekijken: Ga naar Instellingen → Memory om alle opgeslagen feiten te zien
• Toevoegen: Zeg in een gesprek "Onthoud dat ik..." en Claude slaat dit op
• Verwijderen: Je kunt individuele herinneringen wissen via de instellingen
• Uitschakelen: Je kunt memory volledig uitzetten als je dit niet wilt

Werken met Bestanden & Uploads

Claude kan een grote verscheidenheid aan bestandstypen verwerken. Dit maakt hem bijzonder krachtig voor documentanalyse.

Ondersteunde Bestandstypen

Maximale Bestandsgrootte

Per bestand: maximaal 10 MB. Per gesprek: maximaal 20 bestanden. Voor grotere documenten kun je de tekst kopiëren en plakken, of het document splitsen.

Krachtige Gebruiksscenario's

• Upload een contract en vraag: "Welke clausules zijn ongunstig voor mij als verkoper?"
• Upload een concurrentenwebsite screenshot en vraag: "Analyseer hun propositie en suggereer hoe wij ons kunnen differentiëren"
• Upload 12 maanden aan verkoopdata (CSV) en vraag: "Welke producten groeien het snelst en waarom?"
• Upload je bedrijfslogo en vraag: "Schrijf brand guidelines gebaseerd op deze visuele identiteit"

Wat is Prompt Engineering?

Prompt engineering is de kunst en wetenschap van het effectief communiceren met AI-modellen. Net zoals je een collega duidelijke instructies geeft, moet je ook met Claude helder communiceren om de beste resultaten te krijgen.

Waarom Maakt Prompting Zoveel Verschil?

Hetzelfde model kan op eenzelfde vraag compleet verschillende antwoorden geven afhankelijk van hoe de vraag gesteld is. Onderzoek toont aan dat een goede prompt de uitvoerkwaliteit met 50-300% kan verbeteren.

De Anatomie van een Perfecte Prompt

Een krachtige prompt bestaat uit maximaal 6 componenten. Je hoeft ze niet allemaal te gebruiken — kies de elementen die relevant zijn voor jouw taak.

Compleet Voorbeeld met Alle Elementen

🛠️ Interactieve Prompt Builder

Vul de velden in en zie je prompt live opbouwen. Kopieer hem daarna direct naar Claude:

Systeem Prompts: Claude Permanent Configureren

Een systeem prompt is een set instructies die bovenaan elk gesprek staat en Claude's gedrag permanent stuurt. Dit is het verschil tussen "Claude de generalist" en "Claude, jouw persoonlijke assistent die jouw bedrijf door en door kent".

Waar Gebruik je Systeem Prompts?

• In Projects via "Project Instructions" — geldt voor alle gesprekken in dat project
• Via de API als system parameter
• In Claude Code via het CLAUDE.md bestand

Structuur van een Goede Systeem Prompt

# Identiteit & Rol
Jij bent [naam/rol] voor [bedrijf/project].
Jouw primaire doel is [hoofdtaak].

# Expertise & Kennis
Jij hebt diepgaande kennis van:
- [Domein 1]
- [Domein 2]
- [Domein 3]

# Communicatiestijl
- Taal: [taal]
- Toon: [formeel/informeel/vriendelijk/professioneel]
- Aanspreken: [jij/je/u]
- Lengte: [beknopt/uitgebreid/aangepast aan vraag]

# Wat je ALTIJD doet
- [Regel 1]
- [Regel 2]

# Wat je NOOIT doet
- [Beperking 1]
- [Beperking 2]

# Contextuele informatie
[Alle relevante achtergrondinfo over je bedrijf, producten, klanten, etc.]

Krachtige Systeem Prompt voor Klantenservice Bot

Chain-of-Thought: Claude Laten Redeneren

Chain-of-Thought (CoT) is een techniek waarbij je Claude vraagt zijn redenering stap voor stap te tonen voordat hij een conclusie trekt. Dit verbetert de nauwkeurigheid significant bij complexe taken.

Hoe Activeer je Chain-of-Thought?

Voeg simpelweg een van de volgende zinnen toe aan je prompt:

• "Denk stap voor stap."
• "Redeneer hardop voordat je je conclusie geeft."
• "Leg uit hoe je tot je antwoord komt."
• "Analyseer dit probleem vanuit meerdere hoeken voordat je een aanbeveling geeft."

Extended Thinking bij Opus 4

Claude Opus 4 heeft een speciale "Extended Thinking" modus waarbij het model echt diep nadenkt voordat het antwoordt. Je ziet dan een interne redenering die normaal verborgen is. Dit is het meest krachtig voor:

• Wiskundige problemen
• Strategische beslissingen
• Complexe debugging
• Wetenschappelijke analyse

Few-Shot Prompting: Leren van Voorbeelden

Few-shot prompting is het geven van 2-5 voorbeelden van input/output paren, zodat Claude precies begrijpt welk formaat en welke stijl je wilt. Dit is veruit de krachtigste methode om consistente output te krijgen.

Wanneer Gebruik je Few-Shot?

• Je hebt een specifieke schrijfstijl die moeilijk te beschrijven is
• Je wilt een specifiek output formaat (JSON, CSV, code met specifieke structuur)
• Je wilt dat Claude een patroon herkent en voortzet
• De taak is complex en een paar voorbeelden verduidelijken meer dan woorden

XML Tags: Structuur in je Prompts

XML tags zijn een krachtige manier om verschillende onderdelen van je prompt duidelijk af te bakenen. Claude is getraind om XML tags te herkennen en respecteren, wat tot significant betere resultaten leidt bij complexe prompts.

Waarom XML Tags Werken

Bij lange prompts met meerdere componenten (instructies, context, data, voorbeelden) kunnen dingen door elkaar lopen. XML tags geven Claude een duidelijke kaart van wat wat is.

<system>
Jij bent een juridisch assistent gespecialiseerd in Belgisch ondernemingsrecht.
Geef altijd praktisch advies en verwijs wanneer nodig naar een echte advocaat.
</system>

<document>
[Hier plak je de tekst van het contract of document dat Claude moet analyseren]
</document>

<vraag>
Identificeer de 3 grootste juridische risico's in dit document voor de verkopende partij.
Geef voor elk risico: het probleem, de impact en een aanbeveling.
</vraag>

<format>
Geef je antwoord als een genummerde lijst met subkoppen: Probleem / Impact / Aanbeveling.
</format>

Veelgebruikte XML Tags

Persona's & Rollen: Claude als Expert

Door Claude een specifieke rol te geven, activeer je een "frame" van kennis en communicatiestijl. Dit is een van de eenvoudigste maar meest impactvolle technieken.

Krachtige Rollenlijst

Iteratief Verfijnen: Gesprekken als Tool

De meeste professionals sturen één prompt en zijn ofwel blij ofwel teleurgesteld. Experts begrijpen dat de beste resultaten komen door iteratie — verfijnen en bijsturen in meerdere ronden.

Het Iteratieve Werkproces

Handige Vervolgcommando's

• "Maak dit korter" / "Maak dit uitgebreider"
• "Schrijf dit formeler" / "Schrijf dit informeler"
• "Geef me 5 variaties"
• "Combineer het beste van variant 1 en 3"
• "Herschrijf dit als een verhaal"
• "Voeg meer data/cijfers toe"
• "Wat heb ik vergeten?"

Prompt Templates Bibliotheek

Hier is een verzameling kant-en-klare prompt templates voor de meest voorkomende zakelijke taken.

E-mail Templates

Wat zijn Skills?

Skills zijn gespecialiseerde instructiepakketten die Claude toegang geven tot specifieke kennis, workflows en tools. Ze zijn opgeslagen als SKILL.md bestanden in een map die Claude kan lezen voor het uitvoeren van taken.

Hoe Skills Werken in de Praktijk

Wanneer jij een taak beschrijft (bijv. "maak een Word document"), detecteert Claude welke skill relevant is (docx/SKILL.md) en leest die. De skill vertelt Claude dan:

• Welke libraries en tools beschikbaar zijn
• Wat de beste aanpak is voor dit type output
• Veelgemaakte fouten die vermeden moeten worden
• Specifieke code snippets of templates die bewezen werken

Voordelen van het Skills Systeem

• Consistentie: Elke output van hetzelfde type volgt dezelfde kwaliteitsstandaard
• Specialisatie: Claude wordt "expert" in jouw specifieke domein
• Herbruikbaarheid: Eén skill werkt voor alle gelijksoortige taken
• Aanpasbaarheid: Je kunt bestaande skills aanpassen of eigen skills maken

Skills Activeren & Gebruiken

Skills worden automatisch geactiveerd wanneer Claude de relevantie detecteert. Je kunt ze ook expliciet aanroepen.

Automatische Activering

Bepaalde woorden en opdrachten triggeren automatisch de bijpassende skill:

Skills in Claude Code

In Claude Code werken skills via het bestandssysteem. Skills worden opgeslagen in /mnt/skills/ en worden geladen via het view tool. De skill vertelt Claude precies hoe hij code moet genereren voor een specifieke omgeving.

De SKILL.md Structuur

Een SKILL.md bestand is een gestructureerd Markdown document dat Claude instrueert over hoe een bepaald type taak uitgevoerd moet worden.

---
name: mijn-skill
description: |
  Wanneer gebruik je deze skill? Beschrijf de trigger-scenario's.
  Gebruik concrete voorbeelden van wanneer wel en niet.
license: MIT
---

# Doel van de Skill
Korte beschrijving van wat deze skill doet.

## Wanneer te Gebruiken
- Scenario 1: ...
- Scenario 2: ...

## Vereiste Tools
Lijst van tools of libraries die nodig zijn.

## Stap-voor-Stap Proces
1. Eerste stap
2. Tweede stap
3. Derde stap

## Kritische Regels
- Regel die NOOIT overtreden mag worden
- Andere kritische beperking

## Code Voorbeelden
Concrete voorbeelden van de gewenste output.

## Veelgemaakte Fouten
Fouten die vermeden moeten worden.

Voorbeeld: Simpele Blog Post Skill

---
name: blog-post
description: |
  Gebruik wanneer gevraagd wordt een blog post, artikel of inhoudelijk
  stuk te schrijven. Triggers: "blog post", "artikel", "schrijf over".
---

Schrijf SEO-geoptimaliseerde blog posts die lezers écht helpen.

## Structuur (altijd volgen)
1. **Krantenkop** — Bevat het hoofdzoekwoord, max 60 tekens
2. **Meta beschrijving** — 150-160 tekens, actief werkwoord
3. **Inleiding** (100-150w) — Hook, probleem, belofte
4. **H2 secties** (3-6) — Elk met concrete waarde
5. **Conclusie** — Samenvatting + CTA

## Kwaliteitseisen
- Minimaal 1 concrete tip per sectie
- Geen jargon zonder uitleg
- Actieve zinnen, geen lijdende vorm
- Eindig elke sectie met een "Dus:" conclusie

Eigen Skills Maken

Het echte kracht van het skills systeem komt vrij wanneer je eigen, bedrijfsspecifieke skills maakt die jouw unieke processen en standaarden coderen.

Ideeën voor Bedrijfsspecifieke Skills

Een Eigen Skill Stap voor Stap

Skills Combineren voor Complexe Workflows

De kracht van het skills systeem exploodeert wanneer je meerdere skills combineert in een geautomatiseerde workflow.

Voorbeeld: Volledige Content Pipeline

STAP 1: Research Skill
  → Zoek actuele informatie over [onderwerp]
  → Extracteer de 5 meest relevante feiten

STAP 2: Content Strategie Skill
  → Bepaal de beste invalshoek voor de doelgroep
  → Kies het optimale contentformat

STAP 3: Copywriting Skill
  → Schrijf de blog post/social/email
  → Pas aan voor het gekozen platform

STAP 4: SEO Skill
  → Optimaliseer voor zoekwoorden
  → Schrijf meta title en description

STAP 5: Brand Review Skill
  → Controleer of content in lijn is met brand guidelines
  → Geef verbeteringsuggesties

Connectors: Claude Verbinden met je Apps

Connectors zijn integraties die Claude toegang geven tot externe diensten en tools. Via connectors kan Claude rechtstreeks je e-mails lezen, agenda beheren, bestanden in Google Drive vinden, en veel meer.

Beschikbare Connectors op Claude.ai

Een Connector Activeren

Google Drive Connector in de Praktijk

De Google Drive connector is een van de meest productiviteitsverbeterende integraties. Claude kan bestanden zoeken, lezen, en nieuwe documenten aanmaken in je Drive.

Wat Claude kan doen met Google Drive

• Specifieke bestanden zoeken op naam, datum of inhoud
• Documenten, spreadsheets en presentaties volledig lezen
• Nieuwe Google Docs aanmaken met gegenereerde inhoud
• Meerdere bestanden tegelijk analyseren en vergelijken

Krachtige Voorbeelden

Gmail Connector: E-mail Superkrachten

Met de Gmail connector kan Claude je inbox analyseren, e-mails opstellen en je e-mailworkflow transformeren.

Handige Gmail Workflows

Google Calendar Connector

De Calendar connector geeft Claude toegang tot je agenda, zodat hij kan helpen bij plannen, conflicten opsporen en vergaderingen inplannen.

Kalender Commando's

Figma Connector: Design naar Code

De Figma connector is revolutionair voor developers en designers: Claude kan rechtstreeks Figma designs analyseren en er HTML/CSS/React code van genereren.

Design-to-Code Workflow

Het MCP Protocol: Technische Achtergrond

MCP staat voor Model Context Protocol — een open standaard ontwikkeld door Anthropic om AI-modellen te verbinden met externe data bronnen en tools. Connectors in Claude.ai zijn gebouwd op MCP.

Hoe MCP Werkt

MCP definieert een protocol waarbij een AI-model (client) communiceert met externe services (servers) via een gestandaardiseerde interface. De servers stellen drie soorten resources beschikbaar:

MCP Ecosysteem

Omdat MCP een open standaard is, kunnen ontwikkelaars overal MCP servers maken. Er is al een groot ecosysteem van community-gemaakte MCP servers voor tools zoals Slack, Notion, Linear, Jira, Salesforce, en honderden andere tools.

Eigen MCP Server Bouwen

Als developer kun je een eigen MCP server bouwen om Claude te verbinden met jouw interne systemen. Dit is bijzonder krachtig voor bedrijfsautomatisering.

Minimale MCP Server in Python

from mcp.server.fastmcp import FastMCP
import json

mcp = FastMCP("Mijn Bedrijfs MCP Server")

# Definieer een tool die Claude kan gebruiken
@mcp.tool()
async def zoek_klant(naam: str) -> str:
    """Zoek klantinfo op naam in ons CRM systeem."""
    # Hier verbind je met je echte database
    klanten = {
        "Jan Peeters": {"email": "jan@vc.be", "klant_sinds": "2022"},
        "Marie Declercq": {"email": "marie@bvba.be", "klant_sinds": "2023"}
    }
    if naam in klanten:
        return json.dumps(klanten[naam])
    return f"Geen klant gevonden met naam {naam}"

@mcp.tool()
async def maak_factuur(klant_naam: str, bedrag: float, omschrijving: str) -> str:
    """Maak een nieuwe factuur aan in ons systeem."""
    # Integratie met je facturatiesysteem
    factuur_nr = f"FACT-{2025}-{klant_naam[:3].upper()}-001"
    return f"Factuur {factuur_nr} aangemaakt voor €{bedrag}"

if __name__ == "__main__":
    mcp.run()

Installatie & Verbinding

# Installeer de MCP library
pip install mcp fastmcp

# Start je MCP server
python mcp_server.py

# Voeg toe aan Claude Code config (~/.claude.json)
{
  "mcpServers": {
    "mijn-bedrijf": {
      "command": "python",
      "args": ["/pad/naar/mcp_server.py"]
    }
  }
}

Wat is Claude Code?

Claude Code is een command-line interface (CLI) tool waarmee Claude direct in jouw terminal werkt — met toegang tot je bestanden, je code, en je computer. Dit is een fundamenteel andere ervaring dan de web interface.

Wat Claude Code kan doen

• Bestanden lezen en schrijven — Directe toegang tot je codebase
• Terminal commando's uitvoeren — npm install, git push, tests runnen...
• Code debuggen en repareren — Error lezen, oorzaak vinden, fix toepassen
• Complete projecten genereren — Van leeg naar werkende app in minuten
• Codebase analyseren — Grote projecten begrijpen en documenteren
• Git operaties — Commits, branches, pull requests
• Web scraping & API calls — Data ophalen en verwerken
• Bestanden in bulk verwerken — Honderden bestanden tegelijk aanpassen

Claude Code Installatie & Setup

Stap 1: Vereisten Controleren

# Check Node.js versie (moet 18+)
node --version

# Als je geen Node.js hebt, installeer het via:
# macOS: brew install node
# Windows: download van nodejs.org
# Linux: sudo apt install nodejs npm

Stap 2: Claude Code Installeren

# Globaal installeren via npm
npm install -g @anthropic-ai/claude-code

# Verifieer installatie
claude --version

Stap 3: API Key Configureren

# Start Claude Code voor de eerste keer
claude

# Je wordt gevraagd om een API key
# Haal je API key op via: console.anthropic.com
# Ga naar API Keys → Create Key
# Kopieer de key en plak in het tekstvak

# OF via environment variable:
export ANTHROPIC_API_KEY="sk-ant-..."

# Permanent instellen (voeg toe aan ~/.bashrc of ~/.zshrc):
echo 'export ANTHROPIC_API_KEY="sk-ant-..."' >> ~/.zshrc

Stap 4: Eerste Gebruik

# Navigeer naar je project map
cd /mijn/project

# Start Claude Code
claude

# Je bent nu in de Claude Code interface!
# Type je eerste opdracht:
> Hallo! Vertel me wat er in deze map staat en wat voor project dit is.

Eerste Stappen met Claude Code

Navigatie & Basiscommando's

Je Eerste Project Aanmaken

# Maak een nieuwe map voor je project
mkdir mijn-eerste-app
cd mijn-eerste-app

# Start Claude Code
claude

# Geef je eerste grote opdracht:
> Maak een complete React todo-app met:
  - Taken toevoegen en verwijderen
  - Taken als gedaan markeren
  - Filter op actief/voltooid/alles
  - Sla taken op in localStorage
  - Gebruik Tailwind CSS voor styling
  - Maak het responsive voor mobiel

Claude Code zal dan automatisch alle bestanden aanmaken, dependencies installeren en de applicatie klaarmaken om te runnen. Dit is het krachtigste aspect: je beschrijft WAT je wilt, Claude besluit HOE het gebouwd wordt.

Werken met Bestaande Code

# Navigeer naar bestaand project
cd /mijn/bestaand/project

claude

# Laat Claude je project begrijpen
> Analyseer dit project. Wat doet het? Wat is de architectuur?
  Zijn er bugs of verbeterpunten?

# Specifieke taak
> Voeg gebruikersauthenticatie toe aan dit project met JWT tokens

CLAUDE.md: Jouw Project Configureren

Het CLAUDE.md bestand is het equivalent van een systeem prompt voor Claude Code — het beschrijft je project, je code-richtlijnen en alle context die Claude nodig heeft.

Wat hoort in CLAUDE.md?

# Project Naam

## Beschrijving
Dit is een [wat doet de app] gebouwd voor [doelgroep].

## Tech Stack
- **Frontend:** React 19, TypeScript, Tailwind CSS
- **Backend:** Next.js 15 API routes
- **Database:** PostgreSQL via Prisma ORM
- **Auth:** NextAuth.js
- **Deployment:** Vercel

## Projectstructuur
```
/app          - Next.js App Router pagina's
/components   - Herbruikbare React componenten
/lib          - Utilities en helpers
/prisma       - Database schema
/public       - Statische bestanden
```

## Code Richtlijnen
- TypeScript strict mode altijd aan
- Componenten: functioneel met hooks, geen class components
- Bestandsnamen: kebab-case voor files, PascalCase voor componenten
- Comments: schrijf in het Nederlands
- Tests: Jest + React Testing Library voor kritische functionaliteit

## Omgeving
- Node.js 20
- npm (geen yarn of pnpm)

## Kritische Regels
- NOOIT environment variables hardcoden
- Altijd foutafhandeling bij API calls
- Responsive design is verplicht (mobile-first)
- Toegankelijkheid: altijd aria-labels en alt-tekst

## Veelgebruikte Commando's
- `npm run dev` - Development server
- `npm run build` - Productie build
- `npm run test` - Tests uitvoeren
- `npx prisma db push` - Database sync

Agentic Workflows: Autonome Taken

Een van de krachtigste features van Claude Code is de mogelijkheid om autonome, meerstaps workflows uit te voeren. Je geeft een doel, Claude plant de stappen en voert ze zelfstandig uit.

Agentic Mode Activeren

# Start Claude Code in headless/agentic modus
claude --print "Taak: Lees alle .csv bestanden in /data, merge ze, \
  verwijder duplicaten, en exporteer het resultaat als merged_data.csv"

# Met output naar bestand
claude --output-format json "Analyseer de codebase en maak een rapport"

Krachtige Agentic Opdrachten

• Code migratie: "Migreer alle class components naar functionele components met hooks"
• Documentatie: "Schrijf JSDoc comments voor alle functies in /src die er geen hebben"
• Refactoring: "Identificeer alle code duplicaties en extraheer ze in herbruikbare functies"
• Testing: "Schrijf unit tests voor alle componenten in /components"
• Security audit: "Scan de codebase op beveiligingsproblemen"

Subagenten en Parallellisatie

Voor grote taken kan Claude Code meerdere subagenten starten die parallel werken. Dit versnelt de uitvoering dramatisch bij grote codebases of omvangrijke taken.

Claude Code Best Practices & Tips

Context Efficiënt Beheren

• Begin elke sessie in de juiste projectmap — Claude leest automatisch CLAUDE.md
• Gebruik /compact wanneer de conversatie lang wordt — dit comprimet de historiek en bespaart tokens
• Wees specifiek over welke bestanden relevant zijn: "Bekijk alleen /components/Auth/" in plaats van de hele codebase

Verificatie Inbouwen

Productiviteits-tips

GitHub: Alles wat je moet weten

GitHub is het grootste platform ter wereld voor code beheer en samenwerking. Voor Claude Code gebruikers is GitHub de schakel tussen lokaal ontwikkelen en live deployen via Vercel.

Kernconcepten visueel

De Git Data Flow — Visueel

Jouw computer                           GitHub (cloud)
──────────────────────────────────────────────────────
Working Directory                       Remote Repository
  ↓ git add                               ↑ git push
Staging Area (Index)                    Origin/main
  ↓ git commit                            ↑
Local Repository ─────────────────────────
  ← git pull (fetch + merge)
  ← git fetch (alleen downloaden, nog niet samenvoegen)

Essentiële git commando's — Cheatsheet

Een Compleet Project op GitHub Zetten

Dit is de volledige setup van een codeproject op GitHub — van nul tot gedeelde repository, inclusief alle best practices.

Stap 1: GitHub Account en SSH Key instellen

# Configureer je naam en email (eenmalig)
git config --global user.name "Jouw Naam"
git config --global user.email "jij@email.be"
git config --global core.editor "code --wait"  # VS Code als editor

# Genereer SSH sleutel (veiliger dan wachtwoord)
ssh-keygen -t ed25519 -C "jij@email.be"
# Druk Enter (accepteer standaardlocatie)

# Kopieer je publieke sleutel
cat ~/.ssh/id_ed25519.pub
# Ga naar GitHub → Settings → SSH Keys → New SSH Key
# Plak de output hierboven

# Test de verbinding
ssh -T git@github.com

Stap 2: Nieuw Project Initialiseren

# Optie A: Start lokaal, push naar GitHub
mkdir mijn-project && cd mijn-project
git init
git branch -M main  # Zorg dat hoofdbranch 'main' heet

# Optie B: Start vanuit GitHub (aanbevolen)
# Maak repo aan op github.com → "New Repository"
# Vink "Add README" aan, kies licentie
git clone git@github.com:gebruiker/mijn-project.git
cd mijn-project

Stap 3: .gitignore instellen (Verplicht!)

Het .gitignore bestand vertelt Git welke bestanden NIET te tracken. API keys, node_modules en build-output horen nooit op GitHub.

# Afhankelijkheden
node_modules/
.pnp
.pnp.js

# Build output
.next/
out/
dist/
build/

# Environment variabelen — NOOIT uploaden!
.env
.env.local
.env.development.local
.env.test.local
.env.production.local
*.env

# Vercel deployment cache
.vercel

# Logs
npm-debug.log*
yarn-error.log

# OS bestanden
.DS_Store
Thumbs.db

# IDE bestanden
.vscode/settings.json
.idea/

Stap 4: Eerste Push naar GitHub

# Voeg alle bestanden toe (behalve wat in .gitignore staat)
git add .

# Controleer wat er toegevoegd wordt
git status

# Eerste commit maken
git commit -m "feat: initieel project met basisstructuur"

# Verbind lokale repo met GitHub remote
git remote add origin git@github.com:gebruiker/mijn-project.git

# Push naar GitHub (-u instelt tracking voor toekomstige pushes)
git push -u origin main

# Daarna is gewoon 'git push' genoeg

Branches, Mergen en Conflicten Oplossen

Branches zijn de kern van professioneel Git gebruik. Ze laten teams parallel werken zonder elkaar te blokkeren.

Git Branch Workflow — Visueel Diagram

Branching Strategie: GitHub Flow

De aanbevolen strategie voor de meeste projecten — eenvoudig maar krachtig:

── STAP 1: Haal altijd de laatste versie op voordat je begint ──
git checkout main
git pull origin main

── STAP 2: Maak een beschrijvende feature branch ──
git checkout -b feature/betalingssysteem-stripe
# of: git switch -c feature/betalingssysteem-stripe (moderne syntax)

── STAP 3: Werk aan de feature (meerdere kleine commits) ──
# ... code schrijven met Claude Code ...
git add .
git commit -m "feat: voeg Stripe checkout integratie toe"
# ... meer code ...
git add .
git commit -m "feat: voeg webhook handler toe voor betalingsbevestiging"

── STAP 4: Push branch naar GitHub ──
git push -u origin feature/betalingssysteem-stripe

── STAP 5: Maak Pull Request aan op GitHub (of via CLI) ──
gh pr create --title "feat: Stripe betalingssysteem" --body "Voegt Stripe toe voor..."

── STAP 6: Na review en goedkeuring: Merge naar main ──
gh pr merge --squash  # Squash: alle commits samenvoegen tot één

── STAP 7: Opruimen ──
git checkout main
git pull origin main
git branch -d feature/betalingssysteem-stripe  # Verwijder lokale branch
git push origin --delete feature/betalingssysteem-stripe  # Verwijder remote branch

Push en Pull — Alles wat je moet weten

Merge vs Rebase — Wanneer wat?

Conflicten Oplossen — Stap voor Stap

Een conflict treedt op als dezelfde regels in twee branches anders zijn gewijzigd. Git weet niet welke versie te kiezen.

# Conflict treedt op bij merge/pull:
git pull origin main
# CONFLICT (content): Merge conflict in src/app.js

# Bekijk welke bestanden conflicten hebben:
git status
# both modified: src/app.js

# Open het bestand — conflict markers zien er zo uit:
# <<<<<<< HEAD (jouw versie)
# const greeting = "Hallo wereld";
# =======
# const greeting = "Hello world";
# >>>>>>> origin/main (hun versie)

# Laat Claude Code het conflict oplossen:
> Er is een merge conflict in src/app.js. Los het op door
  de beste versie te kiezen of de twee samen te voegen.

# Nadat je het bestand hebt opgeslagen:
git add src/app.js
git commit -m "fix: los merge conflict op in greeting string"

Conventional Commits — Complete Gids

Vraag Claude altijd commit messages te schrijven in het Conventional Commits format. Dit maakt automatische changelogs en semantic versioning mogelijk:

Tags en Releases

# Maak een versie-tag (semantic versioning: major.minor.patch)
git tag -a v1.0.0 -m "Release 1.0.0: productie launch"
git push origin v1.0.0

# Alle tags zien:
git tag -l

# GitHub Release aanmaken via CLI:
gh release create v1.0.0 --title "v1.0.0 — Productie Launch" \
  --notes "Eerste stabiele release met alle core features"

GitHub Actions: CI/CD Automatiseren

GitHub Actions laat je workflows automatisch uitvoeren bij events zoals push, PR of op schema. Claude schrijft deze YAML workflows voor je.

Complete CI/CD Pipeline voor Next.js

name: CI/CD Pipeline

on:
  push:
    branches: [ main, develop ]
  pull_request:
    branches: [ main ]

env:
  NODE_VERSION: '20'

jobs:
  quality:
    name: Kwaliteitscheck
    runs-on: ubuntu-latest
    steps:
      - name: Checkout code
        uses: actions/checkout@v4

      - name: Setup Node.js
        uses: actions/setup-node@v4
        with:
          node-version: ${{ env.NODE_VERSION }}
          cache: 'npm'  # Cache npm voor snellere runs

      - name: Installeer dependencies
        run: npm ci  # ci is sneller en deterministischer dan install

      - name: TypeScript check
        run: npx tsc --noEmit

      - name: Linting
        run: npm run lint

      - name: Unit tests
        run: npm test -- --ci --coverage

      - name: Build productie
        run: npm run build
        env:
          NEXT_PUBLIC_API_URL: ${{ secrets.NEXT_PUBLIC_API_URL }}

  security:
    name: Security Scan
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v4
      - name: Audit npm packages
        run: npm audit --audit-level=high
      - name: Claude Code Security Review
        uses: anthropics/claude-code-action@v1
        with:
          anthropic_api_key: ${{ secrets.ANTHROPIC_API_KEY }}
          prompt: "Review deze code wijzigingen op beveiligingsproblemen. Focus op OWASP top 10."

GitHub Secrets instellen

Pull Requests en Code Review met Claude

Een goede PR workflow is de basis van kwaliteitsvolle code. Claude Code kan direct als reviewer ingesteld worden via de officiële GitHub Action.

Claude als Automatische Code Reviewer

Voeg de officiële Claude Code GitHub Action toe en Claude reviewt automatisch elke PR:

name: Claude Code Review
on:
  pull_request:
    types: [opened, synchronize]
  issue_comment:
    types: [created]

jobs:
  claude-review:
    runs-on: ubuntu-latest
    permissions:
      contents: read
      pull-requests: write
    steps:
      - uses: anthropics/claude-code-action@v1
        with:
          anthropic_api_key: ${{ secrets.ANTHROPIC_API_KEY }}
          direct_prompt: |
            Review deze PR op:
            - Beveiligingsproblemen (SQL injectie, XSS, auth lekken)
            - Performance issues
            - Code kwaliteit en leesbaarheid
            - Ontbrekende error handling
            Geef inline PR comments in het Nederlands.

Handmatige Code Review Prompts

PR Workflow Best Practices

Vercel: Deployment Made Simple

Vercel is een cloud platform gespecialiseerd in het hosten van frontend applicaties en Next.js projecten. Het is de makkelijkste en meest performante manier om je Claude-gebouwde projecten live te zetten.

Waarom Vercel?

Account Aanmaken

Je Eerste Deployment

Methode 1: Via de Vercel Website

Methode 2: Via Vercel CLI

# Installeer Vercel CLI
npm install -g vercel

# Log in met je Vercel account
vercel login

# Deploy vanuit je projectmap
cd /mijn/project
vercel

# Vercel stelt vragen over je project:
# - Set up and deploy? Y
# - Which scope? (kies je account)
# - Link to existing project? N
# - Project name? (druk enter voor huidige naam)
# - In which directory is your code? ./

# Na succesvolle deploy krijg je een URL!

# Deploy naar productie
vercel --prod

Een Eigen Domein Koppelen

Je project staat nu op een .vercel.app URL, maar voor een professionele uitstraling wil je een eigen domein.

Stap voor Stap

Environment Variables: Alle Omgevingen Beheren

Environment variables zijn geheime configuratiewaarden (API keys, database URLs, wachtwoorden) die nooit in je code mogen staan. Vercel heeft een krachtig systeem met drie aparte omgevingen.

De Drie Vercel Omgevingen

Complete Environment Variables Setup

# ── NOOIT naar git pushen — staat in .gitignore ──

# Anthropic / OpenAI
ANTHROPIC_API_KEY=sk-ant-api03-...
OPENAI_API_KEY=sk-proj-...

# Database (zie §47 voor Vercel KV en Postgres)
DATABASE_URL=postgresql://user:pass@localhost:5432/myapp_dev
KV_URL=redis://localhost:6379

# Authenticatie
NEXTAUTH_SECRET=genereer-met-openssl-rand-base64-32
NEXTAUTH_URL=http://localhost:3000

# Stripe betalingen
STRIPE_SECRET_KEY=sk_test_...
STRIPE_WEBHOOK_SECRET=whsec_...

# Public variabelen (NEXT_PUBLIC_ prefix = zichtbaar in browser)
NEXT_PUBLIC_SITE_URL=http://localhost:3000
NEXT_PUBLIC_STRIPE_PUBLIC_KEY=pk_test_...

Env Vars toevoegen in Vercel (Dashboard)

Env Vars via Vercel CLI

# Lijst alle env vars
vercel env ls

# Voeg env var toe voor alle omgevingen
vercel env add ANTHROPIC_API_KEY

# Voeg toe voor specifieke omgeving
vercel env add DATABASE_URL production

# Haal productie-env vars lokaal op
vercel env pull .env.local

# Verwijder een env var
vercel env rm DEPRECATED_API_KEY

Automatisch Deployen vanuit GitHub

De krachtigste Vercel feature: koppel GitHub aan Vercel en elke code push wordt automatisch gedeployed.

De Automatische Deploy Pipeline

1. Jij schrijft code (met Claude Code)
        ↓
2. git commit + git push naar GitHub
        ↓
3. GitHub notificeert Vercel (webhook)
        ↓
4. Vercel bouwt je project (npm run build)
        ↓
5. Als build slaagt → Automatisch live (< 2 minuten)
   Als build faalt → E-mail met de fout, vorige versie blijft live
        ↓
6. Preview URL per branch / PR aangemaakt

Preview Deployments

Vercel maakt automatisch een unieke preview URL voor elke branch en Pull Request:

• Branch feature/nieuwe-homepage → project-git-feature-nieuwe-homepage-team.vercel.app
• Deel deze URL met je team of klant voor feedback vóór productie
• Preview deployments gebruiken Preview environment variables (test API keys)
• Na PR merge → automatisch naar productie met Production env vars

Vercel KV, Postgres & Databases

Vercel biedt ingebouwde serverless databases die perfect integreren met je deployment. Geen aparte database server nodig — alles via het Vercel dashboard.

Vercel KV (Redis) — Key-Value Store

Vercel KV is een serverless Redis-compatibele database. Perfect voor sessies, cache, rate limiting en realtime features.

# Stap 1: Installeer Vercel KV package
npm install @vercel/kv

# Stap 2: Maak een KV Store aan in Vercel Dashboard
# Storage → Create → KV → Kies naam → Create
# Vercel voegt automatisch env vars toe: KV_URL, KV_REST_API_URL, KV_REST_API_TOKEN

# Stap 3: Pull env vars naar lokaal
vercel env pull .env.local

import { kv } from '@vercel/kv'

// SET: Sla iets op (met optionele expiratie)
export async function POST(req: Request) {
  const { key, value } = await req.json()
  await kv.set(key, value, { ex: 3600 }) // ex: seconden tot expiratie
  return Response.json({ success: true })
}

// GET: Haal iets op
export async function GET(req: Request) {
  const { searchParams } = new URL(req.url)
  const key = searchParams.get('key')
  const value = await kv.get(key!)
  return Response.json({ value })
}

// Praktisch voorbeeld: API rate limiting
const requests = await kv.incr(`rate:${userId}`)
if (requests === 1) {
  await kv.expire(`rate:${userId}`, 60) // reset elke minuut
}
if (requests > 10) return new Response('Rate limited', { status: 429 })

Vercel Postgres — Volledige SQL Database

Vercel Postgres is een serverless PostgreSQL database. Perfect voor complexe datamodellen, relaties en transacties.

# Stap 1: Installeer
npm install @vercel/postgres

# Stap 2: Maak DB aan via Vercel Dashboard
# Storage → Create → Postgres → Naam kiezen → Create
# Vercel voegt toe: POSTGRES_URL, POSTGRES_PRISMA_URL, etc.

# Stap 3: Pull env vars
vercel env pull .env.local

import { sql } from '@vercel/postgres'

// Tabel aanmaken (eenmalig)
await sql`
  CREATE TABLE IF NOT EXISTS users (
    id SERIAL PRIMARY KEY,
    email VARCHAR(255) UNIQUE NOT NULL,
    name VARCHAR(255),
    created_at TIMESTAMP DEFAULT NOW()
  )
`

// Gebruiker opslaan
export async function POST(req: Request) {
  const { email, name } = await req.json()
  const { rows } = await sql`
    INSERT INTO users (email, name)
    VALUES (${email}, ${name})
    RETURNING *
  `
  return Response.json(rows[0])
}

// Gebruikers ophalen
export async function GET() {
  const { rows } = await sql`SELECT * FROM users ORDER BY created_at DESC`
  return Response.json(rows)
}

Vercel Database Vergelijking

Vercel Cron Jobs

Cron jobs laten je code uitvoeren op een schema — zonder externe dienst.

{
  "crons": [
    {
      "path": "/api/cron/stuur-dagelijkse-emails",
      "schedule": "0 9 * * *"  // Elke dag om 9:00 UTC
    },
    {
      "path": "/api/cron/opruimen-oude-data",
      "schedule": "0 0 * * 0"  // Elke zondag om middernacht
    }
  ]
}

Analytics Activeren

npm install @vercel/analytics @vercel/speed-insights

// app/layout.tsx
import { Analytics } from '@vercel/analytics/react'
import { SpeedInsights } from '@vercel/speed-insights/next'

export default function RootLayout({ children }) {
  return (
    <html>
      <body>
        {children}
        <Analytics />        // Pageviews en events
        <SpeedInsights />   // Core Web Vitals (LCP, CLS, FID)
      </body>
    </html>
  )
}

Van Idee naar Live Website: Het Proces

Hier is het complete proces van idee naar werkende, live website — specifiek geoptimaliseerd voor werken met Claude Code.

HTML/CSS/JS Websites Bouwen

Voor eenvoudige websites — portfolios, landingspagina's, informatieve sites — is pure HTML/CSS/JS de eenvoudigste aanpak. Geen framework nodig, directe deployment naar Vercel.

Krachtige Startprompt voor een Website

Resultaat Deployen

# Na het genereren van de bestanden:
git init
git add .
git commit -m "feat: initiële website build"

# Push naar GitHub en koppel aan Vercel
gh repo create mijn-website --public --push

# Deploy via Vercel CLI
vercel --prod

React Apps Bouwen met Claude Code

React is ideaal voor interactieve applicaties — dashboards, webshops, portals, tools. Claude Code heeft diepgaande React kennis en kan complete applicaties van scratch bouwen.

React Project Initialiseren

# Maak een nieuwe React app met Vite
npm create vite@latest mijn-app -- --template react-ts
cd mijn-app
npm install

# Start Claude Code
claude

# Laat Claude Tailwind CSS toevoegen
> Installeer en configureer Tailwind CSS in dit project

Voorbeeld: Complete Webshop Frontend

Next.js Projecten: Full-Stack Applicaties

Next.js is de meest populaire React framework voor productieklare applicaties. Het combineert frontend en backend in één project, is perfect voor SEO, en integreert naadloos met Vercel.

Next.js Project Aanmaken

# Maak een Next.js project aan
npx create-next-app@latest mijn-nextjs-app

# De setup wizard vraagt:
# TypeScript? → Yes
# ESLint? → Yes
# Tailwind CSS? → Yes
# src/ directory? → No
# App Router? → Yes (gebruik de nieuwe App Router)
# Import alias? → No

cd mijn-nextjs-app
npm run dev  # Open http://localhost:3000

Next.js Projectstructuur Begrijpen

mijn-nextjs-app/
├── app/                    # App Router: pagina's en layouts
│   ├── layout.tsx          # Root layout (geldt voor alle pagina's)
│   ├── page.tsx            # Homepage (/)
│   ├── over-ons/
│   │   └── page.tsx        # /over-ons
│   └── api/                # Backend API routes
│       └── contact/
│           └── route.ts    # POST /api/contact
├── components/             # Herbruikbare React componenten
├── lib/                    # Utility functies
├── public/                 # Statische bestanden (afbeeldingen)
└── next.config.ts          # Next.js configuratie

API Route Aanmaken

import { NextRequest, NextResponse } from 'next/server'

export async function POST(req: NextRequest) {
  const { naam, email, bericht } = await req.json()
  
  // Validatie
  if (!naam || !email || !bericht) {
    return NextResponse.json(
      { error: 'Alle velden zijn verplicht' },
      { status: 400 }
    )
  }
  
  // Stuur e-mail via Resend of een andere service
  // await sendEmail({ naam, email, bericht })
  
  return NextResponse.json({ success: true })
}

Database & Backend Toevoegen

Voor applicaties die data moeten opslaan, heb je een database nodig. De meest populaire combinatie met Next.js en Vercel is PostgreSQL via Supabase of Vercel Postgres.

Aanbevolen Database Stack

Prisma Setup

# Installeer Prisma
npm install prisma @prisma/client
npx prisma init

# Definieer je datamodel in prisma/schema.prisma
# (Claude kan dit volledig voor je schrijven)

# Synchroniseer met database
npx prisma db push

# Genereer TypeScript types
npx prisma generate

# Open Prisma Studio (visuele database editor)
npx prisma studio

Volledig Project Voorbeeld: SaaS App in 1 Dag

Hier is een realistisch scenario van hoe je met Claude Code een complete SaaS applicatie kunt bouwen in één werkdag.

Het Project: Factuurtools.be

Een eenvoudige SaaS tool voor freelancers om facturen te genereren.

# Factuurtools.be

SaaS applicatie voor Belgische freelancers om snel en eenvoudig
facturen te genereren en te beheren.

## Kernfunctionaliteiten (MVP)
1. Gebruikersregistratie/login (NextAuth.js + Google)
2. Bedrijfsprofiel instellen (naam, BTW-nummer, adres, logo)
3. Klanten beheren (CRUD)
4. Facturen aanmaken (klant, items, BTW-tarieven: 0/6/12/21%)
5. PDF genereren van facturen (Puppeteer of jsPDF)
6. Factuuroverzicht (open/betaald/vervallen)
7. Dashboard met statistieken (omzet per maand)

## Tech Stack
Next.js 15, TypeScript, Tailwind CSS, Prisma, PostgreSQL (Supabase),
NextAuth.js, jsPDF voor PDF generatie, Recharts voor grafieken

## Design
Professioneel, clean, blauw-wit kleurenschema, mobile-responsive

Productiviteits-shortcuts & Workflows

De 10 Krachtigste Dagelijkse Workflows

Supercharged Sneltoetsen

Veelgemaakte Fouten & Hoe Ze Te Vermijden

Fout 1: Te Vage Prompts

Fout 2: De Eerste Output Accepteren

De meeste professionals accepteren het eerste antwoord van Claude. Experts itereert altijd: "Goed begin, maar maak het [korter/directer/persoonlijker/technischer]."

Fout 3: Context Vergeten

Claude weet niets over jou, je bedrijf of je situatie tenzij je het vertelt. Geef altijd relevante context — ook als het vanzelfsprekend lijkt.

Fout 4: Hallucinations Niet Controleren

Fout 5: Te Groot Van Start Gaan

Bij complexe projecten: begin klein. "Maak een complete applicatie" is minder effectief dan stap-voor-stap bouwen. Stel eerst de structuur op, dan de kernfunctionaliteit, dan de details.

Fout 6: API Keys in Code Zetten

Workflow Automatie met Claude & Make.com

De echte productiviteitsexplosie komt wanneer je Claude combineert met automatiseringsplatforms zoals Make.com of Zapier.

Krachtige Automaties

Claude API in Make.com

{
  "url": "https://api.anthropic.com/v1/messages",
  "method": "POST",
  "headers": {
    "x-api-key": "{{ANTHROPIC_API_KEY}}",
    "anthropic-version": "2023-06-01",
    "content-type": "application/json"
  },
  "body": {
    "model": "claude-sonnet-4-20250514",
    "max_tokens": 1000,
    "messages": [{
      "role": "user",
      "content": "{{JOUW DYNAMISCHE PROMPT HIER}}"
    }]
  }
}

Troubleshooting Gids

Veelvoorkomende problemen en hun oplossingen.

Claude Geeft Slechte Antwoorden

• Probleem: Antwoorden zijn te generiek of missen de kern
• Oplossing: Voeg meer specifieke context toe. Gebruik XML tags. Geef een voorbeeld van het gewenste format.

Claude Code Fouten

Vercel Deployment Problemen

• Build faalt: Lees de build log in Vercel dashboard. Kopieer de fout naar Claude: "Mijn Vercel build faalt met deze fout: [error]. Fix dit."
• Omgevingsvariabelen werken niet: Controleer of je variabelen hebt ingesteld voor de juiste omgeving (Production vs Preview vs Development)
• Domein werkt niet: DNS propagatie duurt tot 48u. Controleer je DNS instellingen bij je domeinnaamregistrar.

GitHub Problemen

# Laatste commit ongedaan maken (nog niet gepushed)
git reset HEAD~1

# Een bestand per ongeluk gecommit dat je wil verwijderen
git rm --cached bestandsnaam.ext
git commit -m "fix: verwijder gevoelig bestand"

# Merge conflict oplossen
git status  # Zie welke bestanden conflicten hebben
# Open het bestand en los het conflict op
git add .
git commit -m "fix: merge conflict opgelost"

# Teruggaan naar een vorige versie
git log --oneline  # Zie alle commits
git checkout [commit-hash] -- bestandsnaam.ext

Security & Privacy Best Practices

Wanneer je Claude integreert in je workflows en applicaties, zijn er belangrijke beveiligings- en privacyoverwegingen.

Wat Deel je NIET met Claude?

• ✓ Geen wachtwoorden of PIN-codes
• ✓ Geen BSN/rijksregisternummers van klanten of medewerkers
• ✓ Geen volledige creditcardnummers
• ✓ Geen medische dossiers tenzij anoniem
• ✓ Geen vertrouwelijke bedrijfsinformatie die contractueel beschermd is

GDPR Overwegingen

Als je persoonsgegevens van EU-burgers verwerkt via Claude (bijv. klantendata analyseren), let dan op:

• Data minimalisatie: Deel alleen de gegevens die echt nodig zijn
• Anonimisatie: Vervang namen door placeholders waar mogelijk
• Anthropic's privacy beleid: Lees https://www.anthropic.com/privacy voor details over dataverwerking
• Zakelijke overeenkomst: Voor EU-compliance kun je een Data Processing Agreement sluiten met Anthropic

Code Security Checklist

• ✓ .env bestanden in .gitignore
• ✓ npm audit regelmatig uitvoeren
• ✓ Input validatie op alle formulieren
• ✓ HTTPS op alle productieomgevingen
• ✓ Rate limiting op API endpoints
• ✓ Authenticatie op beschermde routes

Business Toepassingen: Claude als Strategische Adviseur

Voorbij de dagelijkse taken: hoe je Claude inzet voor echte strategische bedrijfsbeslissingen.

De McKinsey-techniek

Bruikbare Business Templates

Glossarium: AI & Tech Termen

Een verwijzingsgids voor alle technische termen in deze handleiding.

Volgende Stappen

• 📚 Lees de officiële Anthropic documentatie op docs.anthropic.com
• 🎓 Verken de Anthropic prompt library voor meer voorbeelden
• 🔗 Word lid van de Anthropic community Discord voor tips en nieuws
• 🚀 Start je eerste project en pas toe wat je hebt geleerd!

Extended Thinking: Claude Laat Nadenken

Extended Thinking is één van de krachtigste en minst begrepen features van Claude. In plaats van direct te antwoorden, denkt Claude eerst stap voor stap — zichtbaar voor jou — voordat het een definitief antwoord geeft.

Hoe het werkt

Wanneer je Extended Thinking activeert, genereert Claude een intern "thinking block" — een zichtbare redeneerproces — vóór het antwoord. Claude verkent meerdere invalshoeken, verwerpt slechte benaderingen, en dubbelcheckt zijn werk. Vergelijk het met het zien van de kladaantekeningen van een expert.

Extended Thinking Activeren

In claude.ai klik je op het model-menu en selecteer je de "Extended Thinking" of "Deep Research" modus. Via de API zet je thinking: {type: "enabled", budget_tokens: 10000}.

Trigger Phrases voor Dieper Denken

RAG: Retrieval Augmented Generation

RAG (Retrieval Augmented Generation) is een techniek waarbij Claude antwoorden genereert op basis van externe kennisbronnen — jouw eigen documenten, databases of websites — in plaats van alleen op zijn training. Het resultaat: minder hallucinations, actuele informatie, en domeinspecifieke kennis.

RAG in Claude Projects (geen code nodig)

Claude.ai Pro heeft ingebouwde RAG voor Projects. Wanneer je Project de contextlimiet nadert, schakelt Claude automatisch over naar RAG-modus en zoekt relevante fragmenten op bij elke vraag.

RAG System Prompt Template

Voice Mode: Praten met Claude

Anthropic lanceerde Voice Mode voor Claude in mei 2025 op iOS en Android, en later ook op desktop. Je kunt nu een volledige gesproken conversatie voeren met Claude — handen vrij, perfect voor onderweg.

Beschikbare Stemmen

Professionele Toepassingen

Voice Mode Activeren

Advanced Prompt Technieken van Experts

Dit zijn de prompting-technieken die professionele Claude-gebruikers onderscheiden van beginners — gebaseerd op onderzoek van Anthropic, Stanford en de beste practitioners online.

1. De Zelf-Kritiek Loop

Vraag Claude zijn eigen antwoord te beoordelen vóór je het accepteert. Bewezen effectief voor rapporten, code en strategische analyses:

2. Meerderheidsstemming (Majority Voting)

Voor hoge-inzet beslissingen: stel dezelfde vraag 3-5 keer op verschillende manieren en kies het antwoord dat het vaakst terugkomt. Dit werkt omdat verschillende prompts het model anders laten "denken":

3. Documenten Bovenaan Plaatsen

Claude-specifieke tip: voor prompts met grote documenten of contextstukken, zet de documenten bovenaan de prompt, gevolgd door instructies. Dit verbetert de verwerking significant bij Claude (anders dan bij GPT waar instructies bovenaan beter werken).

4. Diversifieer je Few-Shot Voorbeelden

Een veelgemaakte fout: dezelfde voorbeelden hergebruiken waardoor Claude die patronen memoreert in plaats van begrijpt. Gebruik altijd gevarieerde voorbeelden die het principe illustreren, niet één specifiek patroon.

5. Kunstmatige Sociale Intelligentie (ASI)

De nieuwe vaardigheid van AI-gebruik: effectief communiceren met AI als een sociaal systeem, niet als een zoekmachine. Claude reageert op toon, context en relatie — gebruik dat:

• Geef Claude een reden — "Ik heb dit nodig omdat mijn klant morgen verwacht..." presteert beter dan kale instructies
• Wees specifiek over je expertise — "Als senior accountant zoek ik..." geeft diepere, technicischere antwoorden
• Trial & error — de beste prompts ontdek je door te experimenteren, niet door theorie te lezen

Computer Use & Autonome AI-Agenten

Computer Use is Claude's vermogen om een computer zelfstandig te bedienen — browser openen, websites navigeren, formulieren invullen, bestanden beheren — precies zoals een mens dat zou doen. Dit is een fundamentele verschuiving van "AI die antwoord geeft" naar "AI die werk doet".

Wat Claude Code autonoom kan doen

Claude Cowork — Voor Niet-Developers

Claude Cowork is een desktop-applicatie (Windows/Mac) die Computer Use toegankelijk maakt zonder terminal of code. Je geeft een doel op via tekst of spraak en Claude voert het uit op je computer: e-mails beantwoorden, spreadsheets bijwerken, rapporten genereren.

Veilig Autonomie Toekennen

Claude voor Social Media & Content Marketing

Claude is bijzonder krachtig voor social media omdat het jouw stemgeluid begrijpt, patronen herkent in succesvolle content, en consistent in jouw stijl schrijft. Hier zijn de meest effectieve workflows.

Je "Content DNA" Trainen

De beste resultaten krijg je door Claude te trainen op je eigen beste content. Dit is het systeem dat werkt:

Platform-Specifieke Prompts

Video-naar-Posts Systeem

Maximaliseer bestaande content: kopieer het transcript van een YouTube-video of podcast in Claude en vraag:

AI Security: Claude Veilig Inzetten in je Bedrijf

Naarmate Claude dieper in bedrijfsprocessen wordt ingebed, wordt security steeds belangrijker. Dit zijn de risico's en beschermingsmaatregelen die elke bedrijfsgebruiker moet kennen.

De Drie Voornaamste Risico's

Beschermingsstrategie per Laag

System Prompt voor Veilige Deployment

Veiligheidschecklist voor Bedrijfsdeployment

De 20 Beste GitHub Repos voor Claude AI

De absolute top van de open source Claude-community — gecureerd op basis van sterren, kwaliteit en praktische waarde. Klikbaar, direkt bruikbaar.

🏆 Officiële Anthropic Repositories

🌟 Top Community Repositories