Hoi,
Dit is voor iedereen die een post ziet met "ik heb een website gebouwd met AI" en denkt dat je nu een Umbraco-site kunt bouwen door op een knop te drukken, zoals mensen zich WordPress voorstellen.
Ik heb net mijn eigen site gebouwd met AI. Het kostte me vier dagen. En ik wil vertellen hoe het echt ging, want de eerlijke versie is interessanter dan de demo.
Het is niet wat het lijkt
Als je "gebouwd in vier dagen" ziet, lijkt het alsof een prompt een website werd. Dat was het niet. En het is al helemaal niet dat WordPress-beeld: een thema kiezen en een paar plugins aanklikken.
Wees ook eerlijk over wat die vier dagen waren. Een persoonlijke site is het makkelijkste project dat er is. Ik was tegelijk de ontwerper, de developer, de editor en de klant. Geen stakeholders, geen contentteam, geen legacy, en geen deadline behalve die van mezelf.
Kun je een commerciële website in een paar dagen bouwen? Het hangt ervan af, natuurlijk. Een hele kleine, simpele, misschien. Maar een echte commerciële Umbraco-build, met echte editors, echte content en echte eisen? Nee. Je snapt wat ik bedoel.
Wie wat deed
- Claude hielp me met het ontwerp.
- Cursor en plugins hielpen me het in Umbraco te bouwen.
- Ik, in de stoel, de hele tijd.
Dat laatste past niet in een schermopname. Ik keek niet toe hoe iets zichzelf bouwde. Ik werkte, en AI maakte me sneller.
Dag een en twee: concept en ontwerp
De eerste twee dagen was er nauwelijks code. Alleen het idee. Voor wie is deze site? Wat moet iemand voelen als hij landt? Wat moet hij over mij zeggen?
En het was heen en weer. Heel veel heen en weer. Bijna elke ronde begon met mij die zei: "nee, niet dat."
- Het logo ging door verschillende versies. Ik wilde dat mijn naam het logo was, een beetje zoals merken hun naam tot een wordmark maken. Eerst een strakke look, toen een letter vervangen door een symbool, toen een schuine letter, toen een getekende, en uiteindelijk de pixelblokstijl die bleef.
- De kop had een type-animatie die kinderachtig voelde. Ik vroeg om iets serieuzers, en we eindigden met een vaste zin en een regel die vervaagt.
- De Speaking-sectie moest er heel anders uitzien dan de rest van de pagina. Het werden kaartjes in ticketstijl die opengaan met de details.
- En ik sneed dingen weg. Ik probeerde een illustratie bij Over mij: eerst een cartoon van mij, toen vensters en code, toen iets schoners. Ik wees elke versie af, en vandaag heeft die sectie er geen. Een beeld dat zijn plek niet verdient is alleen versiering.
De AI werd nooit moe van mijn "nee". Maar hij wist ook nooit wat "goed" betekende. Hij wist alleen wat ik hem vertelde. Smaak, oordeel en de laatste beslissing waren elke keer van mij.
En nee, het ziet er niet uit alsof AI het maakte
Dit zeg ik met vertrouwen: mijn site ziet er niet uit als de gebruikelijke AI-site. Je kent de look. Dezelfde gradient, dezelfde rij kaarten, dezelfde layout die bijna iedereen krijgt bij "maak een portfolio". Kijk naar de site. Het ontwerp alleen schreeuwt niet "AI heeft dit gemaakt", en dat was geen toeval.
De AI gaf me opties, en ik bleef anders kiezen:
- Het logo is geen font. De letters zijn blok voor blok getekend, in een pixelstijl die ik koos na andere richtingen.
- Beelden die niet klopten werden afgewezen en geschrapt, in plaats van het eerste dat "wel oké" leek te houden.
- De ontwerprichting kwam van mij, voordat een tool hem aanraakte: wat bezoekers moesten voelen, en wat moest opvallen.
- Alles wat op een standaard leek, daar zei ik nee tegen.
De tool is voor iedereen hetzelfde. Het verschil is hoe vaak je "niet dat" zegt.
Dezelfde tool, andere smaak.
Dag drie en vier: bouwen in Umbraco
Toen opende ik Cursor, zette de plugins erbij, en begon het ontwerp om te zetten naar een echte Umbraco-site.
Ja, het ging snel. Dingen die me normaal een middag kosten, duurden veel korter. Het was een fantastische pair-programmer voor het herhalende werk.
Maar ik ben eerst een technisch persoon, en dat telde meer dan welke tool dan ook:
- Ik besliste hoe de content gestructureerd moest zijn, zodat ik mijn eigen site later kan bewerken zonder een developer.
- Ik las wat er gegenereerd werd, en verbeterde of gooide weg wat niet klopte.
- Ik wist op welke versie van Umbraco ik zat, en wat dat betekent voor de code.
- Ik testte het zelf, in de browser, op het echte ding.
Als iets er niet goed uitzag, kon ik zeggen waarom. Dat is het verschil tussen AI gebruiken en je door AI laten sturen.
Als dit een commerciële site was
Mijn eigen site is de enige plek waar ik het me kon veroorloven om snel te gaan. Op een commerciële site zou ik AI heel anders gebruiken.
Waar ik het wel zou gebruiken: de basis. Template slicing. Het afgewerkte ontwerp omzetten naar schone HTML, CSS, layouts en partial views. Dat is herhalend, scherp afgebakend werk, en AI is daar goed in. Het scheelt echte tijd.
Waar ik het niet zou gebruiken: die HTML omzetten naar de backoffice. Dat deel kun je gewoon niet automatiseren. Denk aan wat erin zit:
- Beslissen wat editors mogen wijzigen en wat ze niet mogen aanraken
- Kiezen wat een document type wordt, wat een block, en wat vast blijft
- Velden een naam geven die klopt voor iemand die geen developer is
- Validatie, standaardwaarden, en wat er gebeurt als een veld leeg blijft
- Rechten, workflows, en hoe het voelt om het elke dag te gebruiken
Er zit logica in, en er zit ontwerp in. Het is ontwerp voor de editors. Er is geen enkel juist antwoord, want het juiste antwoord hangt af van de mensen die het gaan gebruiken.
Een template slicen is een taak. Een backoffice ontwerpen is een beslissing.
Wat de snelheid niet dekt
Dit zit er echt in een website, ook in een persoonlijke. Niets ervan is spannend, en alles telt.
- Contentmodellering. Hoe pagina's en contenttypes gestructureerd zijn, bepaalt jarenlang hoe prettig bewerken is.
- Security. Wie wat mag zien en wijzigen, en wat openbaar is.
- Performance, SEO en toegankelijkheid. Niets ervan zie je op een screenshot.
- Talen. Mijn site is Engels, Nederlands en Deens, en elke taalversie moet goed aangesloten zijn.
- Analytics en privacy. Bezoekers in Europa verwachten dat hun privacy gerespecteerd wordt.
- Hosting en deployment. Waar het draait, hoe het bijgewerkt wordt, en wat er gebeurt als het stukgaat.
- Editing experience. Iemand moet de backoffice prettig maken voor de mensen die hem gebruiken.
- Verantwoording. Als het misgaat, is een mens verantwoordelijk, geen tool.
Dat was één persoonlijke site, met één editor, en geen klant. Een commerciële site heeft dit allemaal, plus meer mensen, meer geld en meer risico.
Waarom dit ertoe doet voor Umbraco
Umbraco is een platform dat bij de developer begint. Er is geen thema dat de keuzes voor je maakt en geen plugin die alles stilletjes met een klik fixt. Je krijgt een sterk contentmodel, volledige controle over .NET, en de vrijheid om precies te bouwen wat je wilt.
Daarom houden mensen ervan, en daarom kun je niet naar een afgewerkte commerciële site prompten. Controle betekent beslissingen. Beslissingen hebben iemand nodig die de gevolgen begrijpt.
AI bouwde snel. Ik maakte het goed. Allebei was nodig.
Een bericht aan drie soorten mensen
Als je een klant bent: wees voorzichtig als iemand zegt dat een volledige Umbraco-website "in een dag door AI is gebouwd". Vraag wat er op dag twee gebeurt: security, hosting, overdracht, support. De eerste versie is het makkelijke deel.
Als je een developer bent: gebruik deze tools. Ze zijn goed, en ze maken een goede developer veel sneller. Blijf wel in de stoel.
Als je net begint: gebruik AI om te leren, niet om het leren over te slaan. Vraag om uitleg, en check daarna de documentatie. Als je niet kunt zien of het antwoord klopt, ga langzamer.
Kan AI dus zelf een commerciële Umbraco-website bouwen?
Nee, niet zelf, en niet in een paar dagen. Het kan een developer helpen er veel sneller een te bouwen, vooral bij de basis, en dat is al veel. Maar iemand moet de backoffice ontwerpen, de tool sturen, het resultaat nakijken, testen, en ervoor instaan.
Vier dagen, heel veel "nee, niet dat", en ik in de stoel. Dat was ervoor nodig, en ik had het niet anders gewild.
Bedankt voor het lezen, Bishal