Webapps, dashboards, API's en cross-platform apps op maat

Ik bouw webapplicaties, dashboards, beheer- en rapportagesystemen op maat, en de API's en integraties die ze verbinden met de tools die een bedrijf al gebruikt. Als een project buiten de browser moet draaien, bouw ik ook desktop- en mobiele apps met Electron en Swift.

Wat is inbegrepen

Webapplicaties op maat: Browsergebaseerde systemen rond jouw workflow, van bestel- en stemplatforms tot verhuurtools en analyseproducten.
Dashboards en rapportages: Beheerpanelen en rapportages die de cijfers tonen die je team nodig heeft, met rolgebaseerde toegang zodat iedereen de juiste data ziet.
Beheer- en backofficesystemen: Rolgebaseerde rechten, voorraad, registraties en audittrails op één plek in plaats van spreadsheets en e-mailthreads.
API's en integraties: REST API's en koppelingen met Shopify, Salesforce, Zoho, Klaviyo, Brevo, Meta en andere diensten, zodat data tussen systemen beweegt zonder handmatig kopiëren.
AI-functies en LLM-integratie: Chat, zoeken en automatisering gebouwd op Claude, GPT en Gemini, gebaseerd op je eigen content en data.
Cross-platform desktop- en mobiele apps: Electron-apps voor macOS, Windows en Linux, en native Swift voor iPhone waar het platform daarom vraagt.
Maatwerkfuncties voor WordPress en Shopify: Calculators, configurators, plugins op maat en Storefront API-lagen wanneer een standaardplugin of -app niet past.
Deployment en hosting: Apps uitgerold op AWS, Azure, Cloudflare, Docker of cPanel-hosting, met versiebeheer in Git van begin tot eind.

Wat is webontwikkeling op maat?

Webontwikkeling op maat betekent software bouwen rond hoe je bedrijf werkt, in plaats van je bedrijf te laten buigen naar een template of een stapel plugins. Het omvat webapplicaties, dashboards, beheer- en rapportagesystemen, API's en integraties, en de logica die ze met elkaar verbindt.

De meeste bedrijven hebben het niet nodig voor hun hoofdwebsite. WordPress of Shopify verzorgt marketingpagina's en standaard e-commerce prima. Maatwerk wordt de juiste keuze als je een proces hebt dat geen plugin ondersteunt, data verspreid over systemen die met elkaar zouden moeten praten, of een tool die je team dagelijks gebruikt en die traag of handmatig is of met spreadsheets aan elkaar hangt.

In mijn portfolio hebben 33 case studies het label Ontwikkeling op maat. Ze variëren van volledige applicaties, zoals drie Laravel-platforms met beheer- en rapportagesystemen, tot maatwerkfuncties binnen bestaande sites, zoals de ADU-kostencalculator en de stapsgewijze modelconfigurator die ik heb gebouwd voor Golden State ADUs, of de bandenzoeker op bandenmaat op Stuckey Tyres.

Ik werk met React, Next.js, TypeScript, Node.js, PHP, Laravel, Python en Flask, met MySQL en PostgreSQL voor data, en ik bouw al meer dan acht jaar voor klanten.

Wat voor applicaties op maat heb je gebouwd?

Ik heb bestel-, stem-, sportanalyse-, verhuur- en AI-chatplatforms gebouwd, elk afgestemd op de workflow van één klant. Voorbeelden uit mijn case studies en recente builds:

Bestelsysteem: een bestelplatform in Laravel en MySQL met rolgebaseerde beheerfuncties, voorraadintegratie en rapportages afgestemd op de workflow van de klant
E-votingsysteem: een Laravel-applicatie voor veilig stembeheer, controle op stemgerechtigdheid en controleerbare resultaatregistratie
SportsData: een sportinzichtenplatform gebouwd met Laravel en React, met een beheersysteem, rapportages en een datadashboard
KT Rents: een verhuurplatform op maat in WordPress met REST API-integraties en tools voor vastgoedbeheer, verhuurworkflows en landelijke advertenties
Real Mad Honey AI-chatbot: een AI-chatplatform voor verkoop en support over meerdere winkels, voor Shopify-winkels en websites, gebouwd met Next.js, PostgreSQL met pgvector, een Shopify-app en Claude met Gemini als terugvaloptie

Elk van deze projecten begon bij een specifieke taak die de klant gedaan wilde krijgen, en de functies werden vanuit die taak bepaald in plaats van vanuit een template. Dat is het belangrijkste verschil tussen ontwikkeling op maat en een product installeren: het systeem past bij het proces, zodat de mensen die het gebruiken geen omwegen hoeven te verzinnen.

Hoe bouw je dashboards, beheer- en rapportagesystemen?

Ik bouw ze rond de beslissingen die mensen met de data nemen. Een dashboard is alleen nuttig als het de vragen beantwoordt die je team elke dag stelt, dus de planning begint met wie er inlogt, wat elke rol moet zien en wat elke rol mag wijzigen.

Toegang en rollen

Rolgebaseerde toegang is standaard in dit soort systemen. Het bestelsysteem dat ik in Laravel heb gebouwd, scheidt beheerfuncties per rol, en het e-votingsysteem controleert de stemgerechtigdheid zodat alleen de juiste mensen kunnen meedoen.

Data en rapportages

Rapportages lezen uit dezelfde database waarin de applicatie schrijft, zodat de cijfers weergeven wat er echt is gebeurd. In SportsData verzorgt Laravel de data- en beheerkant, terwijl React de inzichten presenteert in een duidelijkere, interactievere frontend. Het e-votingsysteem houdt een controleerbare resultaatregistratie bij, zodat uitslagen achteraf kunnen worden gecontroleerd.

De beheerkant van AI-tools

Het AI-chatbotplatform dat ik voor Real Mad Honey heb gebouwd, heeft een eigen dashboard. Het draagt gesprekken over aan een mens met het volledige transcript en markeert vragen die de bot niet kon beantwoorden, zodat het team ze kan corrigeren en latere antwoorden kan verbeteren.

Interfaces worden gebouwd in React, of in Blade-templates op Laravel, gestyled met Tailwind CSS waar dat past.

Welke technologieën gebruik je voor webapps op maat?

Ik kies de stack op basis van wat de applicatie moet doen en wie die later gaat onderhouden. Mijn belangrijkste tools:

Frontend: React, Next.js, TypeScript, Vue.js, Tailwind CSS en Sass, met GSAP voor animatie
Backend: Node.js, PHP met Laravel en Python met Flask
Data: MySQL en PostgreSQL, inclusief pgvector voor AI-zoekfuncties
Infrastructuur: Docker, Cloudflare en Cloudflare Workers, AWS, Azure en cPanel-hosting, met Git voor versiebeheer
Desktop en mobiel: Electron, Swift met SwiftUI en Kotlin met Jetpack Compose

Laravel past bij datarijke bedrijfssystemen met beheerpanelen, rechten en rapportages, en daarom draaien mijn bestel-, stem- en sportanalyseplatforms erop. Next.js past bij applicaties die snelle, server-side gerenderde pagina's, goede SEO en een moderne React-frontend nodig hebben, en daarom is het chatbotplatform van Real Mad Honey ermee gebouwd. Flask is een lichte optie voor Python-diensten, dataverwerking en AI-tools achter een grotere app.

Heb je al een codebase, dan werk ik daarbinnen in plaats van alles te herschrijven omwille van het herschrijven. Een herschrijving is alleen de moeite waard als de bestaande code meer kost om in leven te houden dan om te vervangen.

Kun je mijn website via API's koppelen aan andere systemen?

Ja. Integraties zijn een groot deel van mijn maatwerk: een website of app koppelen aan een CRM, een e-commerceplatform, een e-mail- of sms-tool of een AI-model, zodat data stroomt zonder handmatig kopiëren.

Integraties die ik heb gebouwd, zijn onder meer:

Salesforce CRM met WordPress en Elementor voor Sourcefit, gehost op Azure
Webformulieren van Zoho CRM en Zoho SalesIQ op de Kitchen Search website
Een laag met Cloudflare en de Shopify Storefront API voor Car Audio Garage en Musway USA, die voorraadmeldingen per e-mail en sms via Klaviyo en Brevo mogelijk maakt zonder apps
AI-agents op de achtergrond die fabrikantgegevens omzetten in Shopify-productvermeldingen klaar voor metafields, voor de catalogus van meer dan 900 producten van Car Audio Garage
Automatisering van Instagram-reacties naar DM's voor Real Mad Honey via de officiële Instagram-API's van Meta, gebouwd met Node.js en PostgreSQL
REST API-integraties bij KT Rents en Inline Security Fence

Goede integraties houden rekening met storingen. API's gaan plat, rate limits worden bereikt en data komt in vreemde formaten binnen, dus ik valideer binnenkomende data bij elke overgang, log wat er gebeurt en zorg ervoor dat een verbroken koppeling niet de rest van de site meesleept.

Bouw je desktop- en mobiele apps?

Ja. Als een tool buiten de browser moet draaien, bouw ik cross-platform apps met Electron voor macOS, Windows en Linux, Swift voor iPhone en Kotlin voor Android, met zoveel mogelijk gedeelde logica.

Mijn duidelijkste voorbeeld is Musix, een gratis, open-source YouTube Music-speler met ingebouwde adblocker die ik heb gemaakt. Hij draait op Ubuntu, Windows, macOS, Android met Android Auto en iPhone met CarPlay. Eén gedeelde TypeScript-bridge stuurt native apps aan die gebouwd zijn in Electron, Kotlin met Jetpack Compose en Swift met SwiftUI.

De belangrijkste les van Musix is: deel de engine en de data, niet de interface. Elk platform krijgt een schil die er native aanvoelt, terwijl de kernlogica één keer wordt geschreven en getest. De stack van het project omvat esbuild, Vitest, Playwright en GitHub Actions.

Voor bedrijfssoftware betekent dezelfde aanpak dat een desktoptool voor je kantoor en een mobiele app voor medewerkers in het veld één backend en één set bedrijfsregels kunnen delen. Python en Flask passen hier ook, voor lokale diensten en dataverwerking achter de app.

Hoe verloopt een maatwerkproject?

Een maatwerkproject verloopt in vier fasen: plannen, ontwerpen, ontwikkelen en optimaliseren. Het verschil met een standaardwebsite is hoeveel tijd er in de planning gaat zitten, omdat elke functie in een maatwerksysteem gebouwd, getest en onderhouden moet worden.

De planning legt de scope vast, de gebruikers en hun rollen, de data, de integraties en wanneer iets klaar is. Je krijgt een schriftelijke scope en een planning met mijlpalen voordat de ontwikkeling begint. In de ontwerpfase worden daarna schermen en flows uitgewerkt rond gebruiksgemak, zodat het systeem logisch is voor de mensen die het dagelijks gebruiken.

Ontwikkeling gebeurt in kleine, reviewbare stukken. Ik gebruik AI-codeertools zoals Claude Code, OpenAI Codex en Cursor om sneller te werken, binnen een strikte workflow: een schriftelijke briefing met een definition of done, één kleine taak per branch, geen inloggegevens voor productie in AI-tools, geautomatiseerde controles voor linting, types, unit- en end-to-endtests, en een menselijke review van elke wijziging. Betalingen, authenticatie, prijslogica en migraties van live data worden regel voor regel door mij geschreven of gereviewd.

De laatste fase stemt prestaties, beveiliging en gebruiksgemak af vóór de lancering, zodat het systeem klaar is voor echt gebruik vanaf de eerste dag dat je team inlogt.

Hoe lang duurt een webapp op maat en wat bepaalt de kosten?

De planning hangt af van de scope, en ik stel die vast zodra de eisen, gebruikers en integraties duidelijk zijn. Een gerichte interne tool of een enkele integratie is een veel kleinere klus dan een platform met meerdere rollen, rapportages, betalingen en verschillende gekoppelde diensten. Hoe dan ook krijg je een schriftelijke planning met mijlpalen voordat het werk begint, en regelmatig voortgangsupdates tijdens de bouw. De factoren die de kosten bepalen:

Het aantal gebruikersrollen en schermen
Hoeveel systemen moeten worden geïntegreerd, en hoe goed hun API's gedocumenteerd zijn
Datamigratie vanuit spreadsheets of een oud systeem
Eisen op het gebied van beveiliging en compliance, zoals het verwerken van persoonsgegevens of stemmen
Of de app naast het web ook desktop- of mobiele versies nodig heeft
Hosting, monitoring en onderhoud na de lancering

Ik vermeld geen prijzen voor maatwerk, omdat de bandbreedte te groot is om zinvol te zijn. Projecten worden geoffreerd na een kort gesprek of een gratis audit van je huidige opzet, en je krijgt een vaste offerte met een lijst van deliverables. De tarieven zijn betaalbaar voor een maatwerkbuild, en codekwaliteit, beveiliging en documentatie blijven degelijk, wat het budget ook is.

Wordt een webapp op maat snel, veilig en klaar voor zoekmachines?

Ja, die eigenschappen worden ingebouwd in plaats van achteraf toegevoegd. Voor openbare apps gebruik ik server-side gerenderde pagina's in Next.js, zodat zoekmachines en AI-crawlers echte HTML ontvangen. Elke pagina krijgt een eigen titel en beschrijving, elke indexeerbare pagina heeft een canonieke URL, gestructureerde data wordt als JSON-LD weergegeven en de sitemap wordt gegenereerd uit dezelfde bron als de routes.

Dezelfde nette HTML en gestructureerde data die Google helpen, helpen ook ChatGPT, Perplexity en Gemini om de openbare pagina's van een app te lezen. Waar het zinvol is, vat een llms.txt-bestand het product samen voor AI-crawlers.

Beveiliging omvat validatie van elke invoer, rolgebaseerde toegang, zorgvuldige authenticatie, geheimen buiten de code en dependencies die up-to-date worden gehouden. Voor prestaties houd ik de Core Web Vitals van openbare pagina's in de gaten en houd ik zwaar werk weg van de main thread, zodat de interface snel reageert op klikken en tikken. Cloudflare Workers kunnen kleine, latentiegevoelige taken zoals webhooks of API-aggregatie dicht bij de gebruiker uitvoeren.

Interne tools zoals beheerdashboards hebben geen SEO nodig, maar wel snelheid en beveiliging, vooral als ze klant-, bestel- of stemgegevens bevatten.

Wie is eigenaar van de code bij een maatwerkproject?

In het algemeen wordt maatwerk gebouwd voor jouw bedrijf, en de eigendomsvoorwaarden worden vastgelegd in de overeenkomst voordat de ontwikkeling begint. Ik raad aan om de coderepository, hosting, het domein en accounts bij derden, zoals API-sleutels en clouddiensten, op naam van je bedrijf in te richten, met toegang voor mij als developer.

Dat is belangrijker voor maatwerksoftware dan voor een standaardwebsite. Als de code alleen op de computer of het persoonlijke account van een developer staat, ben je voor elke wijziging van die persoon afhankelijk. Door de repository en infrastructuur op jouw naam te houden, kan een andere developer het werk oppakken als dat ooit nodig is.

Open-sourceframeworks zoals React, Laravel en Next.js houden hun eigen licenties, en diensten zoals Shopify, Salesforce of een aanbieder van AI-modellen vallen onder hun eigen voorwaarden. Ik vermeld van welke externe diensten een project afhankelijk is, zodat je weet waarvoor je betaalt en wat je zelf in de hand hebt.

Musix is een project dat ik bewust als open source heb gepubliceerd. Dat is de beslissing van de eigenaar, en klantcode blijft privé tenzij jij anders beslist.

Kun je op afstand en over tijdzones heen aan een maatwerkproject werken?

Ja. Ik werk vanuit Botolan, Zambales, in de Filipijnen (UTC+8), met klanten in de VS, het VK, Europa en Australië. Ontwikkeling op maat leent zich goed voor werken op afstand, omdat het werk in een gedeelde repository, een stagingomgeving en schriftelijke specificaties staat.

Voor Amerikaanse en Europese klanten werkt het tijdsverschil als een nachtdienst: je bekijkt een build of laat feedback achter aan het eind van je dag en vindt 's ochtends wijzigingen en een schriftelijke update. Australische klanten delen het grootste deel van mijn werkdag, wat handig is voor live gesprekken tijdens de planning en het testen.

Om een project op afstand overzichtelijk te houden, vertrouw ik op een schriftelijke scope, kleine reviewbare wijzigingen en een stagingsite die je kunt testen wanneer het jou uitkomt. Vragen die de voortgang blokkeren, worden vroeg en schriftelijk gesteld, zodat het tijdsverschil niet tot vertraging leidt.

Ik werk al jaren zo als full-stack developer bij bedrijven als CJ Digital, Kova, RIARD Enterprise Solutions, Web Medic en Unwired Web Solutions, en aan maatwerkbuilds voor Amerikaanse bedrijven zoals Car Audio Garage in Temecula en Musway USA in Murrieta, Californië.

Zo verloopt het werk

Plannen: Ik bepaal de gebruikers, rollen, data, integraties en scope, en we spreken een schriftelijke planning met mijlpalen af.
Ontwerp: Ik breng schermen en flows in kaart rond hoe je team werkt, zodat het systeem vanaf het begin duidelijk in gebruik is.
Ontwikkelen: Ik bouw in kleine, gereviewde stukken met geautomatiseerde tests en deel de voortgang op een stagingsite.
Optimaliseren: Ik stem prestaties, beveiliging en waar van toepassing SEO af, en lanceer en ondersteun daarna het systeem.

Case studies web- en appontwikkeling op maat

Golden State ADUs - WordPress · ADU-bouw, 2026. Golden State ADUs is een design-and-buildbedrijf uit Sacramento dat mantelzorgwoningen (ADU's) ontwerpt, vergunt en bouwt in heel Noord-Californië. Ik heb de site gebouwd op WordPress en Elementor Pro, met een ADU-kostencalculator op maat, een bibliotheek van 91 modellen en een stapsgewijze modelconfigurator.
Car Audio Garage - Shopify · Car audio, 2026. Car Audio Garage is een winkel in Temecula, Californië, met meer dan 900 audioproducten voor auto's, boten en powersports van merken als Nemesis Audio, PRV Audio en Musway. Ik heb de Shopify-winkel ontwikkeld met maatwerk-metafields, e-mail- en sms-meldingen bij nieuwe voorraad zonder apps, een laag met Cloudflare en de Storefront API, en AI-agents voor productvermeldingen.
Musway USA - Shopify · Car audio, 2026. Musway USA verkoopt DSP-versterkers, speakers en subwoofers van Duits ontwerp vanuit Murrieta, Californië. Ik heb de Shopify-winkel ontwikkeld met maatwerk-metafields voor uitgebreide technische specificaties, meldingen bij nieuwe voorraad per e-mail en sms via Klaviyo, Brevo en Cloudflare zonder apps, en AI-agents op de achtergrond die productvermeldingen automatiseren.
Skedaddle Humane Wildlife Control - Ontwikkeling op maat, 2023. Skedaddle Humane Wildlife Control, opgericht in Ontario in 1989 en inmiddels actief op meer dan 40 locaties in Canada en de VS, draait op een WordPress-website op maat die ik heb ontwikkeld. De site legt de diervriendelijke aanpak uit, ordent content over diensten en locaties en leidt huiseigenaren naar een hulpaanvraag.
America's Advantage Remodeling - WordPress · Verbouwing, 2021. America's Advantage Remodeling is een keuken- en badkamerverbouwer met een kantoor in Roseville, actief in Sacramento en omliggende steden sinds 2001. Ik heb de site gebouwd op WordPress met een maatwerkthema en plugin, opgebouwd rond servicepagina's, productpagina's, stadspagina's en een route naar een gratis offerte.
KT Rents - WordPress, 2024. Een verhuurplatform op maat in WordPress, gebouwd met Elementor, REST API-integraties en geavanceerde maatwerktools voor vastgoedbeheer, verhuurworkflows en ondersteuning van landelijke advertenties.
SportsData - Laravel, 2022. SportsData is een sportinzichtenplatform op maat dat ik als full-stack developer heb gebouwd met Laravel, React en MySQL. Het zet grote hoeveelheden prestatiedata om in heldere, snelle dashboards, ondersteund door beheer- en rapportagetools voor het team.
Organ Boost - Shopify, 2024. Een volledig maatwerk Shopify Liquid-build, gericht op dynamische content, een gebruikerservaring op maat en schaalbare storefrontfunctionaliteit met op maat gecodeerde secties en flexibel sitebeheer.
Inline Security Fence - WordPress · Hekwerk, 2025. Inline Security Fence is een familiebedrijf in hekwerk en poorten in Kent, Washington, dat sinds 2016 woningen en bedrijven in de regio Seattle en Tacoma bedient. Ik heb de WordPress- en Elementor-site gebouwd met servicepagina's voor particulieren en bedrijven, een filterbaar projectportfolio en 51 stadspagina's.
Bestelsysteem - Laravel, 2023. Een bestelsysteem op maat in Laravel, gebouwd voor operationele efficiëntie, met rolgebaseerde beheerfuncties, voorraadintegratie en rapportages afgestemd op de workflow van de klant.
E-votingsysteem - Laravel, 2023. Een e-votingapplicatie op maat in Laravel, gebouwd voor veilig stembeheer, controle op stemgerechtigdheid en controleerbare resultaatregistratie, op basis van de eisen van belanghebbenden.
Real Mad Honey - Shopify Plus, 2026. Een volledig maatwerk Shopify Plus-build voor een premium merk van wilde honing, gemigreerd vanaf WordPress en geoptimaliseerd voor conversie, flexibiliteit van de storefront en een verfijndere koopervaring.
Sttoke - Shopify, 2024. Een Shopify-storefront in Liquid op maat voor een koffiemerk dat draait om duurzaamheid, gericht op sterkere productverhalen, conversiegroei en een strakkere, SEO-klare webshopervaring.
Musix - Cross-platform app · Open source, 2026. Musix is een gratis, open-source YouTube Music-speler met ingebouwde adblocker voor Ubuntu, Windows, macOS, Android (met Android Auto) en iPhone (met CarPlay). Eén gedeelde TypeScript-bridge stuurt native apps aan die gebouwd zijn in Electron, Kotlin en Swift, zodat muziek zonder advertenties en zonder abonnement afspeelt, in dezelfde geest als YouTube ReVanced.

Vragen over web- en appontwikkeling op maat

Moet ik een app op maat laten bouwen of een bestaand platform gebruiken?

Gebruik een bestaand platform als het het grootste deel van je behoeften dekt, omdat het goedkoper is in gebruik en onderhoud. Kies voor maatwerk als je proces je onderscheidt, als tools data moeten delen die standaardproducten gescheiden houden, of als omwegen met plugins meer kosten dan het meteen goed bouwen. Ik vertel je aan welke kant van die lijn je project zit.

Gebruik je AI om de code te schrijven?

Ja, ik gebruik dagelijks AI-codeertools zoals Claude Code, OpenAI Codex en Cursor om sneller prototypes te maken en te bouwen. Ik houd zelf de regie over architectuur, beveiliging en code review, en gevoelige onderdelen zoals betalingen, authenticatie en datamigraties worden regel voor regel door mij geschreven of gecontroleerd.

Kun je functies toevoegen aan een bestaande Laravel-, React- of Next.js-app?

Ja. Ik begin met een review van de codebase, volg de conventies die er al zijn en voer wijzigingen in kleine stappen door. Ik stel alleen een herbouw voor als het oplappen van de oude code de duurdere weg zou zijn.

Kun je AI-chat of automatisering aan mijn systeem toevoegen?

Ja. Ik bouw AI-functies met Claude, GPT en Gemini, zoals de chatbot voor verkoop en support over meerdere winkels voor Real Mad Honey, die de 417 pagina's van één winkel heeft omgezet in 1.658 kennisfragmenten. AI-chatbots en automatisering hebben ook een eigen dienstpagina op deze site.

Bouw je mobiele apps voor iPhone en Android?

Ja. Ik bouw cross-platform apps met Electron voor desktop, Swift voor iPhone en Kotlin voor Android, met gedeelde kernlogica. Musix, mijn open-source muziekspeler, draait op Ubuntu, Windows, macOS, Android en iPhone vanuit één gedeelde TypeScript-bridge.

Wat kost webontwikkeling op maat?

Dat hangt af van de scope, rollen, integraties en data, dus ik geef een offerte na een kort gesprek of een gratis audit van je huidige opzet. Je krijgt een vaste offerte, een planning en een lijst met deliverables voordat het werk begint. De tarieven zijn betaalbaar en de kwaliteit blijft bij elk project degelijk: geteste code, beveiliging en een duidelijke overdracht.