2.1: Setup

Welkom bij Module 2. Tijd om te bouwen. In deze les leer je de mindset achter vibe coding en zet je de technische basis op.

• Tijd: 10 min

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

De mindset: jij beschrijft, Claude bouwt

De hele module draait om één principe: jij bent de opdrachtgever, Claude is de bouwer.

Jij beschrijft wat je wil. Claude schrijft de code. Jij hoeft de code niet te begrijpen, je hoeft alleen te weten wat je wil hebben. Jouw taak: helder zijn over je visie, akkoord gaan met het plan, bekijken wat er gebouwd wordt, en zeggen wat er anders moet. Dat heet vibe coding: jij beschrijft de vibe, Claude regelt de techniek.

De lus

Plannen → Bouwen → Itereren → Bewaren → Live. Dat is wat je over de komende lessen doet.

De techniek (puur ter info)

Claude schrijft JavaScript en gebruikt Next.js, een veelgebruikt framework dat websites makkelijker maakt om te bouwen én online te zetten. Je hoeft hier niks van te snappen; het staat hier alleen zodat de woorden je bekend voorkomen.

Eén ding heb je wél nodig: Node.js, het motortje dat JavaScript op je computer laat draaien.

Node.js checken: vraag Claude om node --version uit te voeren. Zie je een versienummer (zoals v20.11.0)? Dan ben je klaar. Krijg je een foutmelding, installeer dan de LTS-versie via nodejs.org, doorloop de installer, en sluit daarna de terminal helemaal af en open hem opnieuw, anders ziet hij de installatie nog niet.

Je projectmap

Maak een nieuwe map aan voor je quiz, bijvoorbeeld stroom-quiz. Daar komen straks alle bestanden en code in te wonen.

Waar dit nog van pas komt

• Telkens je snel een tooltje, prototype of website wil maken
• Wanneer je een idee hebt en wil zien of het kan
• Side-projects, interne tooltjes, landingspagina’s, kleine apps

Wat nu

2.2: Plan →, Claude interviewt je over je quiz en jullie leggen alles vast in een planbestand.