Een app bouwen met AI, zonder te programmeren

Ja. Met vibe coding beschrijf je in gewone taal wat je wilt, en tools zoals Claude Code bouwen het. Een eenvoudige app met een paar schermen staat vaak binnen een dag. Voor grote apps met veel gebruikers en gevoelige gegevens blijft vakkennis belangrijk, maar voor veel ideeën kom je verrassend ver.

Het geheim zit niet in de tool, maar in de aanpak. Wie een idee in kleine stappen opknipt en na elke stap test, komt veel verder dan wie in één keer een complete app vraagt.

Voordat je begint, kies je wat voor app je bouwt. Dat bepaalt welke stappen je zet:

• web

  Webapp

  Een app die in de browser werkt, op telefoon en computer. Je hoeft niets te installeren en je zet hem online met een eigen adres. Dit is de makkelijkste start.

• mobiel

  App voor de App Store en Google Play

  Een app die mensen downloaden op hun telefoon. Dat kan ook met AI, maar je hebt meer stappen nodig, zoals een ontwikkelaarsaccount en de keuring door Apple en Google.

Twijfel je? Begin met een webapp. Zo test je snel of je idee werkt. Blijkt dat mensen hem echt gebruiken, dan kun je daarna alsnog een app voor de telefoon maken.

1. 1

   Maak je idee concreet

   Wie gebruikt de app, en wat moet iemand ermee kunnen? Schrijf de belangrijkste handelingen op.

2. 2

   Begin klein

   Kies het kleinste stukje dat al nuttig is, bijvoorbeeld alleen het reserveren van een tijdslot.

3. 3

   Beschrijf het aan de AI

   Leg uit wat je wilt zien en wat er moet gebeuren als iemand op een knop drukt.

4. 4

   Test en stuur bij

   Probeer alles uit, ook de gekke gevallen, en vraag om aanpassingen tot het klopt.

5. 5

   Bewaar elke werkende versie

   Sla je project op in GitHub zodra iets werkt. Gaat er daarna iets mis, dan zet je de vorige versie terug.

6. 6

   Zet hem online

   Publiceer je app zodat anderen hem kunnen gebruiken, eventueel met een eigen domeinnaam.

Een goede opdracht, ook wel prompt genoemd, is concreet. Vergelijk 'maak een boekingsapp' met 'maak een pagina waar klanten een tijdslot van 30 minuten kiezen op een werkdag tussen 9 en 17 uur, hun naam en e-mailadres invullen en een bevestiging zien'. De tweede versie laat veel minder te raden over.

Geef ook aan wat er niet moet gebeuren. Bijvoorbeeld: een tijdslot dat al geboekt is, mag niet nog een keer gekozen kunnen worden. Zulke regels vergeet een AI anders snel.

Een goede beschrijving bevat:

• Wie de app gebruikt en waarvoor
• Welke schermen er zijn en wat erop staat
• Wat er gebeurt als iemand op een knop drukt
• Welke gegevens bewaard moeten worden
• Wat er niet mag gebeuren

• Een boekings- of reserveringsapp
• Een ledenportaal of klantomgeving
• Een habit tracker of planner
• Een interne tool voor je team
• Een dashboard met je eigen cijfers
• Een prototype om een nieuw idee te testen bij klanten

Apps die gegevens bewaren, zoals afspraken of leden, hebben een database nodig. Dat is een plek waar die gegevens netjes worden opgeslagen. In de cursus gebruik je daarvoor Prisma Postgres, een online database die je in een paar klikken aanmaakt. Je app draait tijdens het bouwen op je eigen computer en bewaart zijn gegevens in die online database.

• Inloggen, betalingen en persoonsgegevens vragen extra zorg en controle
• Bouw in kleine stappen, zodat je fouten snel terugvindt
• Test op telefoon en computer
• Bewaar je project zo dat je het later nog kunt aanpassen
• Vraag de AI om uit te leggen wat hij gebouwd heeft, zodat je het op hoofdlijnen begrijpt

De meeste problemen ontstaan niet bij het bouwen, maar bij het testen. Een AI maakt graag iets dat er goed uitziet, maar dat net niet doet wat je bedoelt. Probeer daarom zelf de gekke gevallen: een leeg formulier versturen, twee keer op dezelfde knop drukken, een heel lange naam invullen.

Loop je vast op een foutmelding, kopieer die dan naar de AI en vraag wat er aan de hand is. Claude Code kan zelf fouten opzoeken en oplossen, en legt uit wat hij heeft aangepast. Zo leer je bij elke fout iets over hoe je app in elkaar zit.