Front-end developer · Nijmegen · remote NL
Een front-end die snel, schaalbaar en gewoon prettig is.
React, TypeScript en Tailwind door één ervaren freelancer. Ik bouw interfaces waar je gebruikers blij van worden, je team rustig van blijft en Google goed op scoort — zonder bureau-overhead.
- 25+ jr
- Web-ervaring
- <2.5s
- LCP target
- 100%
- TypeScript
- WCAG AA
- Standaard
Waarom dit ertoe doet
De front-end is je product. Of je het nu wilt of niet.
Bezoekers oordelen in 50 milliseconden. Google rankt op snelheid. Je team besteedt 70% van z'n tijd aan UI-werk. Een goede front-end is geen cosmetisch laagje bovenop — het is dé plek waar conversie, vertrouwen en onderhoudbaarheid worden gemaakt of gebroken.
Snelheid die je voelt
Core Web Vitals groen, lazy-loading, code-splitting en image-optimalisatie. Elke 100ms sneller is meetbaar meer conversie.
Code die meegroeit
TypeScript strict, kleine componenten, duidelijke contracten. Over 2 jaar nog steeds prettig om in te werken.
Toegankelijk by default
Semantische HTML, focus-states, screen-reader checks. Niet als afterthought, maar vanaf de eerste commit.
SEO als fundament
Server-rendering, juiste meta, schema.org, snelle pagina's. Google houdt van wat ik bouw.
Mobiel-eerst, écht
Niet alleen 'past op telefoon' maar ontworpen voor één duim. Touch-targets, scroll-gedrag, gestures.
Design-system denken
Tokens, varianten en herbruikbare componenten in plaats van losse pagina's met copy-paste.
Twijfel je waar de winst zit? Ik denk vrijblijvend mee — gewoon Maarten zelf, geen sales-trechter.
Herkenbaar?
Veelvoorkomende front-end pijnen — en wat ik eraan doe
Negen van de tien projecten beginnen met een van deze klachten. Goede kans dat jij er ook minstens één herkent.
Site is traag, scoort slecht in Google
Pijn: Lighthouse onder 60, LCP boven 4s, mobiele bezoekers haken af.
Aanpak: Bundle-analyse, image-pipeline, lazy-loading, edge-caching. Vaak +30 punten Lighthouse in een week.
Codebase is een kaartenhuis
Pijn: Elk klein wijzigingetje breekt iets anders. Niemand durft nog te refactoren.
Aanpak: TypeScript strict, kleine componenten, tests rond risico-stukken. Stap voor stap verbouwen zonder downtime.
Design en code lopen uit elkaar
Pijn: Designer levert mooie schermen, in productie ziet het er nét anders uit. Eindeloos heen-en-weer.
Aanpak: Design-tokens uit Figma direct in code, één semantisch palet, varianten in Storybook. Pixel-parity zonder gezeur.
Mobiel is een afterthought
Pijn: Op desktop oogt het strak, op telefoon is het frustrerend: te kleine knoppen, broken layout, traag.
Aanpak: Mobile-first componenten, touch-targets ≥44px, scroll-snapping waar nuttig, lichtere bundle voor 4G.
Geen tests, elke release is spannend
Pijn: Deploys gebeuren vrijdagmiddag niet meer. Iedereen houdt z'n adem in.
Aanpak: Vitest + Playwright voor de échte risico's, preview-deploys per PR. Releases worden saai — precies wat je wilt.
Vaste bouwer is weg, niemand snapt het
Pijn: Een freelancer of bureau is verdwenen, jij blijft achter met code die niemand durft aan te raken.
Aanpak: Audit + opruimen + documentatie. Of een nette herstart op een moderne stack waar de markt mee bekend is.
Wat het oplevert
Voorbeelden van meetbare waarde
Front-end werk hoort niet alleen "mooier" te zijn — het hoort iets op te leveren. Dit zijn voorbeelden van wat ik bij eerdere projecten heb verbeterd.
LCP van 4.1s → 1.8s
E-commerce homepage: image-pipeline naar AVIF, kritieke CSS inline, font-display swap, third-party scripts deferd. Same design, dubbele snelheid, een derde meer kopers.
Van CSR naar SSR
SaaS-marketingsite van create-react-app naar TanStack Start. Server-rendering, schema.org, juiste canonicals — Google ging van 'matig zichtbaar' naar #1 op kerntermen.
Design-system invoeren
Marketing-team kon nieuwe landingspagina's in een dag bouwen i.p.v. een week. Eén tokens-bestand, 30 herbruikbare componenten, Storybook als handleiding.
Toegankelijkheid in een legacy app
Bestaande React-app stap voor stap toegankelijk gemaakt: focus-management, ARIA waar nodig, semantische HTML eerst. Aanbestedingen werden ineens haalbaar.
Van 1.4MB naar 380kB JS
Per-route code-splitting, lodash-functies vervangen, moment.js eruit, dynamic imports voor zware widgets. Telefoons op 4G zijn weer blij.
CI/CD met preview per PR
Vitest, Playwright en preview-deploys via Cloudflare. Bugs vangen we in de PR — productie-incidenten zijn dit jaar nul gebleven.
Klaar voor een front-end die wél lekker werkt?
Laten we je site of app sneller, slimmer en sterker maken.
Vrijblijvend gesprek van 30 minuten. Ik audit je huidige situatie en geef een eerlijke inschatting van wat de grootste winst is — en wat het kost om hem te pakken.
Hoe ik werk
Werkzaamheden die ik dagelijks uitvoer
Elk onderdeel hieronder zet ik regelmatig op voor klanten. Klein genoeg om in een sprint te leveren, groot genoeg om écht verschil te maken.
Van Figma naar productie
Design-tokens uit Figma worden typed componenten met Storybook en visual regression. Preview-deploy per PR, zodat designer en developer altijd hetzelfde zien.
Snelheid die meetbaar is
Bundle-analyse, code-splitting, image-pipeline (AVIF/WebP) en edge-caching. LCP onder 2,5s, INP onder 200ms, CLS bijna nul.
Conversie-optimalisatie loop
Event-tracking, A/B-test op CTA of copy, resultaten in dashboard en de winnaar uitrollen. Beslissen op data, niet op buikgevoel.
SSR + data-fetching die werkt
TanStack Start of Next.js met server-loaders, caching en typed API-client. Eerste render met echte data, geen lege skeletons.
Design-system als product
Tokens, primitives via Radix, samengestelde componenten en docs in Storybook. Eén bron van waarheid voor brand, marketing én app.
CI/CD: van push tot live
Push, typecheck, lint, tests en een preview-URL met echte data. Één klik naar productie. Bugs vang je vóór je gebruikers ze zien.
Eentje die op jouw situatie lijkt? Ik denk vrijblijvend mee — gewoon Maarten zelf, geen sales-trechter.
Mijn stack
Tools waar ik dagelijks mee bouw
Modern, mainstream en goed gedocumenteerd — zodat je later met élke front-ender verder kunt. Geen exotische frameworks waar je over twee jaar geen developer meer voor vindt.
React 19
Server components, Suspense, Actions
TypeScript
Strict mode, geen any
Tailwind CSS v4
Design tokens in CSS
TanStack Router/Query
Type-safe routing & data
Next.js 15
App router, RSC, Edge
shadcn/ui + Radix
Toegankelijke primitives
Vite 7
Snelle dev, kleine builds
Vitest + Playwright
Unit + e2e tests
GitHub Actions
CI met preview-deploys
Cloudflare / Vercel
Edge-rendering en CDN
Plausible / GA4
Privacy-first analytics
Storybook 8
Component-docs & VR-tests
Voor wie
Sectoren waar ik vaak voor bouw
E-commerce & shops
- Snelle PLP/PDP met server-rendering
- Checkout-funnels die niet drop-en
- Headless front-end op Shopify/Magento/WooCommerce
- A/B tests op CTA's en productkaarten
SaaS & startups
- Marketing-site die converteert én scoort
- App-UI met design-system
- Onboarding-flows met progress en activation
- In-app empty states, errors en edge-cases die kloppen
Content & media
- Hoog-volume artikelpagina's, snel én SEO-sterk
- CMS-integratie (Sanity, Contentful, WordPress)
- Schema.org voor rich results
- Lazy-loaded media zonder layout shifts
Corporate & merksites
- Brand-niveau motion zonder browser te slopen
- Multilingual met juiste hreflang
- Strakke design-system docs voor je team
- Toegankelijkheid voor publieke aanbestedingen
Hoe het werkt
Een traject in 4 stappen
- 01
Intake & audit
30 minuten bellen of een uur op locatie. Lighthouse-audit, codebase-snelcheck, helder beeld van waar de winst zit.
- 02
Plan met prijskaartje
Concreet voorstel: wat bouw ik, in welke volgorde, met welke aannames. Vaste prijs of helder uurtarief — geen vage range.
- 03
Bouwen in korte sprints
Tussentijdse demo's elke 1–2 weken op een preview-URL. Jij ziet voortgang, niet alleen facturen.
- 04
Live + nazorg
Monitoring, rustige releases en optionele retainer voor doorontwikkeling. Geen lock-in, code is en blijft van jou.
Klaar om de eerste stap te zetten? Ik denk vrijblijvend mee — gewoon Maarten zelf, geen sales-trechter.
Waarom Maarten
Eén freelancer. Geen bureau. 25+ jaar bouwervaring.
Ik werk al sinds 1998 op het web — van handgeschreven HTML tot React Server Components. Die ervaring zit in elke beslissing: welke afhankelijkheid je vermijdt, waar je tijd in stopt en wat over twee jaar nog steeds prettig is.
Geen accountmanager, geen tussenlagen. Je werkt direct met de persoon die ook de code schrijft. Korte lijntjes, snelle beslissingen, eerlijk advies — ook als dat betekent: "dit hoef je niet te bouwen".
25+ jaar ervaring
Sinds de tijd van tabellen-layouts. Geen hype, wel diepgang.
Snelle reactietijd
Mailtjes meestal binnen 4 uur, urgente vragen sneller.
Geen lock-in
Standaard frameworks, schone code, jij houdt alles in handen.
Eerlijk advies
Soms is geen build de beste build. Dat hoor je dan ook.
FAQ
Veelgestelde vragen
Werk je liever in TanStack of Next.js?
Werk je liever in TanStack of Next.js?
Allebei. Voor content-heavy sites met SEO-focus pak ik vaak TanStack Start of Next.js 15 met App Router. Voor app-achtige producten meestal Next.js of TanStack Router op Vite. Ik kies pragmatisch op basis van team, hosting en use case — niet op hype.
Kun je een bestaande codebase overnemen?
Kun je een bestaande codebase overnemen?
Ja, dat doe ik vaak. Ik begin met een audit (architectuur, types, tests, performance, toegankelijkheid) en kom met een plan: incrementeel verbouwen of een geleidelijke migratie. Geen big-bang rewrites tenzij echt nodig.
Doe je ook design, of puur development?
Doe je ook design, of puur development?
Mijn focus is development, maar ik denk graag mee over UX, IA en visuele richting. Voor pure design-werk werk ik samen met designers die ik vertrouw — of we gebruiken jullie eigen designer.
Wat kost een front-end traject?
Wat kost een front-end traject?
Een snelle audit + quick wins is vaak een week werk. Een nieuwe marketingsite 2–6 weken. Een complete app of design-system meerdere maanden. Ik werk met vaste prijs per scope of een helder uurtarief — altijd met een eerlijke inschatting vooraf.
Kan ik later met een ander team verder?
Kan ik later met een ander team verder?
Absoluut. Ik bouw op standaard frameworks (React, TypeScript, Tailwind, Next.js/TanStack), schrijf docs, en lever schone repo's. Iedereen die front-end kent kan het overnemen — geen vendor lock-in.
Doe je ook back-end of full-stack?
Doe je ook back-end of full-stack?
Ja, voor kleine en middelgrote stacks regelmatig. TanStack server functions, Next.js API routes, Supabase, Postgres, REST/GraphQL. Voor zware back-end werk ik samen met een back-end specialist.
Hoe ga je om met toegankelijkheid (WCAG)?
Hoe ga je om met toegankelijkheid (WCAG)?
Vanaf dag één meegenomen: semantische HTML, focus-states, kleurcontrast, screen-reader testen met VoiceOver/NVDA, automated checks in CI met axe. WCAG 2.2 AA is mijn default.
Werk je remote of op locatie?
Werk je remote of op locatie?
Beide. Ik zit in Nijmegen en kom graag een dag(deel) langs voor intake of werksessies. Daarna meestal remote met korte standups, Slack en demo's op preview-URL's.
Klaar voor een front-end die wél lekker werkt?
Laten we je site of app sneller, slimmer en sterker maken.
Vrijblijvend gesprek van 30 minuten. Ik audit je huidige situatie en geef een eerlijke inschatting van wat de grootste winst is — en wat het kost om hem te pakken.
