Videoserie
Zo bouw ik.
Elke week één aflevering waarin ik laat zien hoe ik bouw en wat er allemaal bij komt kijken. In gewone taal. Elke aflevering staat hier, en ook op YouTube op mijn kanaal @ITKaroTraining. Na de eerste neem ik de lagen die u daarin voorbij ziet komen één voor één door: security, versiebeheer, de infrastructuur en de hosting.
Zo bouw ik 1: Webapp met Claude
39:13, van lege map tot live.
In deze aflevering bouw ik met Claude Code een controlekamer: één scherm waarop ik zie welke van mijn webapps draaien, of ze veilig zijn en wie er is ingelogd. Zelf typ ik er geen regel code voor. U ziet ook wat er rond het bouwen gebeurt met de hosting, het versiebeheer en de security. En het moment dat een test de uitrol tegenhoudt.
Wat ik in de film zeg
Wat je hier op deze animatie ziet is mijn controlroom. Op dit moment alleen nog maar een tekening, maar over een minuut of veertig is het een echt werkende website op een kleine server in Amsterdam. Gewoon bereikbaar via internet. En ik typ er zelf geen enkele regel code voor. Ik geef Claude een opdracht en hij bouwt alles zelf. En wil je weten hoe deze video gemaakt is? Wacht dan tot het einde. Ik zet de klok aan.
Ik ben Jacob. Ik werk al 12 jaar in de IT. Ik begon op een servicedesk en daarna heb ik 7 jaar systeembeheer gedaan. Lokaal en in de cloud voor middelgrote en grote bedrijven. De cloud werd mijn specialisatie. Vooral Microsoft Azure. En nu heb ik een eigen bedrijf in IT-trainingen. Programmeren doe ik eigenlijk niet. Scripten wel. Met PowerShell stuur ik Azure en serveromgevingen aan. Maar een complete website bouwen, dat heb ik nooit gedaan. Wat ik wel snap, is alles eromheen. Hosting, versiebeheer, security.
En met Claude bouw ik nu gewoon zelf de apps voor mijn bedrijf. Vandaag een controlekamer. Een scherm waarop ik kan zien welke van mijn webapps draaien, of ze veilig zijn en wie is ingelogd. Ik laat je zien wat er gebeurt, ook als je zelf niet programmeert.
Dit is Claude Code op mijn MacBook. Ik maak eerst een nieuw project aan in een lege folder. Daar plak ik dan een opdracht in die ik speciaal voor deze demo heb voorbereid. En ik zet Claude in planmodus. Dan denkt hij namelijk eerst rustig na over een plan, voordat hij iets gaat bouwen.
En daarna doet hij iets wat ik zelf heel handig vind om mee te geven. Hij start vijf critici. Vijf losse AI-agents. Elk met zijn eigen rol. Een soort kritische collega's. Ze lezen het plan en geven het een cijfer. Daar komen ze binnen. Eén voor één. Claude leest wat ze vinden en past het plan aan. En dan begint het deel dat je normaal nooit te zien krijgt.
De reden dat dit momenteel allemaal zo snel gaat, komt doordat mijn omgeving er compleet op voorbereid is. Eén huisstijl, dus Claude hoeft niets zelf meer te verzinnen. Vaste keuzes voor code, voor de database, alles in git. En er gaat niets naar buiten voordat alle tests gedraaid hebben. Dat gele blokje dat je zag is zo'n wijziging. Zelfs de hosting is al gekoppeld.
En dan is het vooral wachten. De klok rechtsboven loopt gewoon door. En hier krijg ik een eerste blik op de site. En dan de tests. Die zie je hier echt draaien.
Al mijn andere apps zijn trouwens op precies dezelfde manier gebouwd. Dit is het portaal voor mijn lessen Nederlands. Zelfde vorm. En die kan de controlekamer straks ook gewoon uitlezen.
Maar het gaat ook wel eens mis hoor. Hier slaat een test aan. Er stond een intern adres in een tekst op de site. Claude past de tekst aan en de test blijft lekker streng. Zolang er iets rood is, weigert mijn uitrolscript gewoon. Het gereedschap is snel, maar of het klopt, dat wil ik altijd nog even zelf kunnen zien.
Voordat ik iets live zet, komen dezelfde vijf agents nog een keer langs, omdat ik het vraag. Nu kijken ze naar de controlekamer zelf. Op schermafdrukken van de site die al draait. Wat is onduidelijk? Wat staat er nog open? En aardig zijn ze niet. Drie van de vijf zagen meteen dat hij op een telefoon niet goed paste. Ik lees wat ze vinden, kies uit wat ik belangrijk vind, vertel het aan Claude en die voert het door.
Als ik het heb goedgekeurd, dan het uitrollen zelf. Claude draait mijn uitrolscript. Eerst gaan alle tests nog één keer langs en pas als alles groen is, gaat het naar buiten. Er komt een machine, een schijf en een webadres. En daarna kijkt hij of alles antwoordt. En of het inloggen werkt.
Na 39 minuten vraag ik Claude of de website al online staat. En ja hoor, hij draait op een echte server met een echt adres. Dit is hem: controlroom.itkaro.com. Ik log in en kijk. De tekening van het begin, maar nu echt.
Ik kan hem gewoon dingen vragen, zoals of de cockpit aanstaat. En hier zie je mijn echte agenda. Alleen de namen heb ik vervaagd. En ik vraag hoeveel mensen er nu in het taalportaal zitten.
Op Fly draait één machine. En die gaat slapen als er niemand kijkt. En in de cockpit staat de controlekamer nu ook op de kaart van mijn omgeving. Tussen de rest van mijn apps. Met de controleronde maak ik alle apps even wakker en dan kijkt hij ze na. 39 minuten, vanuit een lege folder.
Nou, eerlijk is eerlijk. Het adres en de sleutels had ik gisteren al klaargezet. En die fundering waar hij op bouwt, daar zitten honderden uren in. Dit zijn de weken die erin zitten. De bouw zelf gaat snel, maar het echte werk zat in de voorbereiding.
Al die verschillende lagen die je net zag. Security, versiebeheer, de infrastructuur, hosting. Die ga ik hier op het kanaal één voor één in de diepte uitleggen. Per onderdeel in gewone taal. Wil je dit meekrijgen? Subscribe je dan op het kanaal en geef me een like.
Oh ja, nog één ding. Deze video, met alle animaties erin, heb ik ook met Claude gemaakt. In de video-editor die ik zelf heb gebouwd. Dit is hem. Ik typ wat ik wil zien, Claude bouwt de animatie en zet hem op mijn tijdlijn. En dan kijk ik of het klopt en aan mijn wensen voldoet. Meestal moet er nog wel wat aan bijgeschaafd worden, maar dat geef ik dan ook gewoon aan in een commando.
Mooi toch? En dit wil ik nu ook gaan doen voor andere bedrijven. Ik bouw voor vijf bedrijven in vijf dagen één gratis app. En alles wordt vastgelegd zoals je hier ziet. Zou je één van die vijf willen zijn? Meld je dan aan op itkaro.com.
En zou je het liever zelf willen leren? Daar ben ik precies voor. Ik leg het uit in gewone taal of je nu een technicus bent of degene die moet beslissen wat er ingekocht wordt. Je leert het zelf. Ik zit ernaast.
En in de volgende aflevering: security. Dat is bij mij de eerste laag van de fundering, nog voordat Claude één regel code schrijft. En ik laat zien hoe Claude elke dag al mijn sites van buitenaf scant, zoals een echte aanvaller dat ook doet.
Actie: de eerste vijf bedrijven krijgen gratis een app
Aan het eind van aflevering 1 zeg ik meld je aan op itkaro.com. Dat doet u hier.
Ik bouw voor vijf bedrijven elk één werkende app. Gratis. Ik film hoe ik hem bouw, en die video komt op YouTube en op deze site, in de serie Zo bouw ik.
- Het is een demo. De app werkt volledig, met verzonnen gegevens. U beschrijft wat u nodig heeft; u stuurt geen bestanden of gegevens uit uw systemen.
- Meedoen betekent dat uw bedrijfsnaam in de video komt en dat er een referentie komt. Wilt u dat niet, dan kunt u helaas niet meedoen.
- De app is en blijft van u, op uw eigen spullen. U neemt zelf Claude, en daarin help ik u de hele app te bouwen. Daarna draait hij bij u: op een eigen hosting, bijvoorbeeld fly.io, die we samen snel opzetten, of als app op een laptop. De code en de documentatie staan dan al bij u.
- U kunt er geen rechten aan ontlenen. Er is geen garantie, en er is geen beheer, onderhoud of update.
- Wilt u daarna verder, de app koppelen aan uw systemen, eraan doorbouwen of leren hoe hij werkt? Dan maken we daar een gewone afspraak over.
- U tekent vooraf een kort akkoord.
- Ik kies de vijf bedrijven en kan de actie stoppen.
Een datum voor de bouw spreken we samen af. De actie hoort bij de Cursus op maat.
Zelf leren
Ik leg het uit in gewone taal, aan wie het bouwt en aan wie beslist wat er gekocht wordt.