// Senior webdeveloper & designer · Lyon, FR

Websites, gebouwdvanaf nulAI is het power tool.

growth.tsx — wat goede code oplevertlive
Bezoekers48k+0%
Klikken13k27% CTR
Winst€92k▲ live
Next.jsReactTypeScriptTailwindSanity CMSNode.jsStripeFramer MotionGraphQLVercelHeadlessi18nSEOWeb PerformanceAI-assistedNext.jsReactTypeScriptTailwindSanity CMSNode.jsStripeFramer MotionGraphQLVercelHeadlessi18nSEOWeb PerformanceAI-assisted

Elke site die ik bouw is een Next.js-applicatie. De App Router geeft me server components, streaming en file-based routing — pagina's renderen op de server voor snelheid en SEO, en hydrateren daarna enkel de delen die interactief moeten zijn. Eén framework, van marketingpagina tot checkout.

  • App Router & React Server Components
  • SSG · ISR · SSR per route gekozen
  • next/image — automatische optimalisatie
  • Native i18n-routing — en · fr · nl
  • Code splitting op routeniveau
  • Edge-klaar, gedeployed op Vercel
CASE: Milo Weiler — 55 projecten, topscore op Lighthouse ↗

Content leeft in Sanity, volledig ontkoppeld van de front-end. Redacteurs werken producten, posts en beeld bij in een Studio die ik op hun workflow afstem; ik bevraag exact de vorm die elke pagina nodig heeft met GROQ en render die via Portable Text. Geen tussenkomst van een developer voor de dagelijkse aanpassingen.

  • Aangepaste Studio-schema's per klant
  • GROQ — bevraag enkel wat gerenderd wordt
  • Portable Text rijke content
  • Draftpreview & realtime updates
  • Beeldpijplijn op een globale CDN
  • Webhook-gestuurde rebuilds
CASE: Nu — een CMS-gestuurde clean-beauty-catalogus ↗

De checkout draait op Stripe. Sessies worden server-side aangemaakt, bevestigd door ondertekende webhooks en gereconcilieerd voor er iets verzonden wordt — veilig van bij de bouw, en vertrouwt daarbij nooit op de browser. Multivaluta plus Twint geeft Belgische en EU-klanten de betaalmethodes waar ze echt naar grijpen.

  • Server-side Checkout Sessions
  • Afhandeling via ondertekende webhooks
  • Prijzen in meerdere valuta
  • Twint & kaarten voor de EU
  • PaymentIntents met SCA
  • Btw- & verzendlogica
CASE: Nu winkel — een wrijvingsloze koopstroom ↗

Elke reveal, elk scrollhoofdstuk en elke hover-flourish draait op GSAP. ScrollTrigger pint secties vast en koppelt animatie aan de scrollpositie; timelines sequencen de choreografie frame-accuraat. Het is het verschil tussen een site die laadt en een die beweegt — performancebewust, nooit gratuit.

  • ScrollTrigger — scrollgedreven scènes
  • Timelines voor gesequenceerde beweging
  • Pin & scrub voor sticky hoofdstukken
  • Enkel GPU-vriendelijke transforms
  • Bewust van reduced-motion
  • 60fps op mid-range mobiel
CASE: Milo Weiler — scrollchoreografie in 7 hoofdstukken ↗
01Nu — Beauty & wellness e-commerce
Beauty & wellness e-commerce

Nu

Een meertalige clean-beauty-winkel — rustige redactionele cadans rond een wrijvingsloze, CMS-gestuurde koopstroom.

02Milo Weiler — Fotografieportfolio
Fotografieportfolio

Milo Weiler

Een cinematische, donkere portfolio opgedeeld in zeven scrollhoofdstukken — 55 projecten, sticky hoofdstuknavigatie, topscores op Lighthouse.

03Bermuda Events — Eventbureau · België
Eventbureau · België

Bermuda Events

Een premium merksite die voorbije producties op schaal in beeld brengt, met een contacttrechter gebouwd om de juiste leads te kwalificeren.

04Spiree — Activewearmerk · 100% Merino
Activewearmerk · 100% Merino

Spiree

Een onafhankelijke sportkledingsite — gedurfd gradiëntsysteem, Sun- & Moon-collecties, een verhaalgedreven boog.

Ontdekking

Doelen, doelpubliek, budget — en wat succes echt betekent voor er een regel geschreven is.

Architectuur

Stack, datamodel en structuur vooraf bepaald — de blauwdruk is menselijk.

Design

Een echt systeem dat je vroeg ziet en waarop je reageert, samen verfijnd — geen statische mockup.

Bouw

Met de hand gecodeerd, AI-versneld, meertalig en SEO-klaar — elke regel gaat begrepen live.

Lancering

Meten, itereren, en ik blijf aan boord voor wat er ook volgt.

Van leeg bestand tot gelanceerd product. Vertel me wat je in gedachten hebt — ik vertel je hoe ik het zou bouwen.