De Stack Waarmee Ik Bouw

Mensen vragen weleens welke technologieën ik gebruik. Het eerlijke antwoord: de stack is minder belangrijk dan de reden erachter. Maar de tools bepalen wél hoe het werk verloopt, dus hier is waar ik naar grijp, en waarom.

Nuxt en Vue

Elk project begint met Nuxt. Het geeft me server-side rendering, file-based routing en een componentmodel dat meegroeit van een landingspagina tot een volledige applicatie. Vue eronder is overzichtelijk en voorspelbaar — ik hoef nooit tegen het framework te vechten.

Nuxt regelt ook wat vroeger aparte tooling vereiste: SEO-meta, beeldoptimalisatie, contentbeheer, internationalisatie. Het module-ecosysteem is sterk genoeg dat ik zelden infrastructuur vanaf nul hoef op te zetten.

TypeScript

Alles is getypeerd. Niet omdat ik dol ben op configuratie, maar omdat TypeScript de fouten opvangt die ik anders om drie uur 's nachts zou tegenkomen. Het maakt code ook zelfverklarend: bezoek ik een project maanden later opnieuw, dan vertellen de types me meteen wat de oorspronkelijke bedoeling was.

Tailwind CSS

Voor styling gebruik ik Tailwind. Het houdt het designsysteem zichtbaar in de markup en voorkomt dat designintentie en implementatie uit elkaar gaan lopen. Staat elke spacingwaarde, kleur en lettergrootte in één gedeelde configuratie, dan ontstaat consistentie vanzelf — in plaats van iets waar je op moet hopen.

Losse CSS duikt af en toe nog op, bij precieze animaties of complex layoutgedrag. Maar de basis is en blijft Tailwind.

GSAP

Voor beweging is GSAP de standaard. ScrollTrigger verzorgt scroll-gebaseerde reveals, en de timeline-API geeft me controle tot op het frame over animaties die na elkaar spelen. Zelfs met tientallen geanimeerde elementen op het scherm blijft de performance solide.

Ik zet beweging in om structuur te verduidelijken, niet om te versieren. Een goed getimede entrance laat zien waar iemand moet kijken. Een vloeiende overgang bewaart de ruimtelijke oriëntatie. Animatie zonder doel is gewoon afleiding.

Convex

Heeft een project een backend nodig, dan grijp ik naar Convex. Het levert een reactieve database, serverfuncties, authenticatie en bestandsopslag in één platform. Het datamodel is TypeScript-native, waardoor types van de database helemaal doorstromen naar de component — zonder vertaallaag ertussen.

Wat Convex onderscheidt: het is standaard realtime. Queries werken zichzelf bij zodra de onderliggende data verandert. Dat schrapt een hele categorie state-management-problemen en houdt de client simpel.

Bun

Bun heeft Node bij mij vervangen: snellere installaties, snellere scripts, snellere dev-server-starts. Het verschil is elke dag, op elk project merkbaar — en het draait dezelfde JavaScript en TypeScript, zonder dat de codebase hoeft te veranderen.

Deployment

Voor projecten die ik zelf beheer, deploy ik via Coolify op mijn eigen infrastructuur. Dat levert Docker-gebaseerde deployments met een overzichtelijke interface, automatische SSL en volledige controle over de omgeving. Push naar main, en Coolify bouwt en deployt. Geen vendor lock-in, geen verrassingen op de rekening.

Bij klantprojecten hangt het deployment-target af van hun wensen, maar het principe blijft hetzelfde: simpele pipelines, geen handmatige stappen, geen deployment-stress.

Waarom deze combinatie

Deze tools delen één eigenschap: ze zitten niet in de weg. Elk ervan lost een specifiek probleem goed op, zonder er onderweg nieuwe bij te creëren. Dat is het enige criterium dat telt bij het kiezen van een stack.

Het resultaat is een workflow waarin ik mijn tijd aan het product besteed, niet aan tooling. Als een klant het eindresultaat ziet, moet die het vakmanschap in de ervaring voelen — niet de complexiteit erachter.