Frontend developer cv-voorbeeld (2026): ATS-trefwoorden, toegankelijkheid en portfoliotips

Waarom "React & Next.js Frontend Developer" wint van "Frontend Developer"

Op Reddit, in hiring-threads en in veel cv-reviews komt hetzelfde punt terug: "Frontend Developer" alleen is vaak te breed. Parsers kunnen het lastig classificeren, en hiring managers die een stapel scannen zien een stackmatch niet snel. Veel recruiters zoeken op framework — React, Next.js, Angular, Vue — en soms op senioriteit. Een kopregel als "Senior React & Next.js Frontend Developer" of "Frontend Engineer (TypeScript, Next.js)" sluit vaak beter aan bij hoe rollen in vacatures staan.

Specialisatie betekent niet dat je oudere ervaring verbergt. Het betekent leiden met wat voor deze sollicitatie telt. Als de vacature Next.js App Router, server components of edge deployment noemt, moeten je titel en eerste bullets die connectie makkelijk zichtbaar maken. Eerder Angular- of jQuery-werk mag lager op de pagina — maar het bovenste derde van je cv krijgt de meeste aandacht, dus kopregel en eerste prestaties moeten bij de rol passen waarop je solliciteert.

Hetzelfde geldt voor bestandsnamen en LinkedIn-kopregels. Een bestand Lotte-Jansen-React-Next-Frontend.pdf voor een "Senior React Engineer"-rol leest als bewust. CV_final.pdf met een generieke titel kan als massasollicitatie overkomen. Afhankelijk van de markt kan dat kleine detail bepalen of iemand je cv eerst opent of later laat liggen.

• ATS-zoeken: in veel bedrijven zoeken technical recruiters naar specifieke technologieën zoals React, TypeScript of Next.js in plaats van alleen de bredere term "frontend."
• Menselijke scan: hiring managers koppelen je kopregel vaak aan de stack van hun team; een vage kopregel maakt fit in de eerste ronde lastiger te beoordelen.
• Carrièrenarratief: een heldere kopregel kan bewuste groei tonen (bijvoorbeeld diepgang in het React-ecosysteem) in plaats van een lange, ongefocuste toollijst.

Cv-voorbeeld

Het cv hieronder is een fictief voorbeeldprofiel — geen echt persoon. Het toont de structuur en formulering uit deze gids. Dupliceer het in CVlume, vervang de details door die van jou, en spits de kopregel per sollicitatie toe.

Lotte Jansen

Senior React & Next.js frontend developer

React- en Next.js-frontend developer met 6+ jaar ervaring in toegankelijke SaaS-dashboards en e-commerce voor 15.000+ maandelijks actieve gebruikers. Expert in TypeScript, performance-optimalisatie (Lighthouse 90+) en WCAG 2.2-patronen. Leiding gegeven aan cross-functionele delivery met design- en backendteams.

Rotterdam, Nederland[email protected]lottejansen.devlinkedin.com/in/lotte-jansen-frontendgithub.com/lottejansen-dev

Werkervaring

Senior frontend developer

CloudMetrics, Voltijd

2021-03-01 – Present

Remote

Eigenaar van React-analyticsdashboard voor 15.000 gebruikers; drijft toegankelijkheid, performance en testautomatisering in het klantportaal.

Resultaten: - React-dashboard gebouwd voor 15.000 gebruikers met lazy-loaded routes en gememoiseerde datatabellen; supporttickets over trage loads 22% verlaagd - Lighthouse-performancescore van 62 naar 94 via code splitting, beeldoptimalisatie en bundelanalyse in Vite/Webpack - Playwright-E2E-suite (35 kritieke paden) en Jest-unittests ingevoerd; productieregressies 40% verlaagd - Met UX samengewerkt aan WCAG 2.2 AA-patronen — semantische HTML, focusbeheer en screenreaderlabels in onboarding - Twee junior developers begeleid via code review, pairing en technische ownership van featuregebieden

Frontend developer

ShopLane, Voltijd

2018-06-01 – 2021-02-28

Rotterdam

Responsive e-commerce-UI met Next.js, TypeScript, Redux en GraphQL voor checkoutflows in meerdere markten.

Resultaten: - Productcatalogus en winkelwagen gemigreerd naar Next.js; Time to First Byte 35% verbeterd en SEO-metadata over 40 landingspagina’s - Met designers samengewerkt aan responsive checkout-redesign dat WCAG AA-contrast en toetsenbordnavigatie haalt - GraphQL en Redux geïntegreerd voor winkelwagenstate in 12 internationale markten met REST-API-fallback - Cypress-smoketests in CI/CD toegevoegd, naast Git-gebaseerde featureworkflow met 20+ deploys per maand

Projecten

CloudMetrics Analytics Dashboard

React · TypeScript · Zustand · Lighthouse

2023

Realtime SaaS-dashboard voor omzet- en gebruiksstatistieken. 15.000 MAU met interactieve loads onder 2s bij 3G-throttling. Live demo: lottejansen.dev/cloudmetrics

ShopLane Checkout Accessibility Retrofit

Next.js · semantische HTML · ARIA · screenreaders

2022

Checkout naar WCAG 2.2 AA gebracht voor gebruikers van assistive tech. Gevalideerd met VoiceOver en NVDA; taakvoltooiing +18%. Case study: lottejansen.dev/shoplane-a11y

Opleiding

Informatica, Bachelor of Science

Hogeschool Rotterdam

2014-09-01 – 2018-05-01

Relevante vakken: datastructuren, human-computer interaction, webprogrammeren

Technische vaardigheden

React

Next.js

TypeScript

JavaScript

Redux

Zustand

Tailwind CSS

HTML5

CSS3

WCAG

Jest

Cypress

Playwright

GraphQL

Vite

CI/CD

Certificeringen

Meta Front-End Developer Professional Certificate

Meta · Coursera

2023-08-01

Google UX Design Certificate

Google · Coursera

2022-11-01

Talen

Nederlands — Moedertaal

Volledig frontend-cv-voorbeeld: hoe elke sectie moet lezen

Een leesbaar frontend-cv is meestal in minder dan een minuut te scannen, met genoeg structuur voor ATS-tools. Het voorbeeld onderaan gebruikt een fictieve kandidaat, Lotte Jansen — een voorbeeldprofiel om te laten zien hoe een modern, React-gericht cv kan worden opgezet. Geen van de werkgevers, metrics of links is echt.

Scroll naar de cv-preview aan het eind om de volledige lay-out in CVlume te zien — of start vanuit het voorbeeld en bewerk het direct.

Eén opmaaknoot: houd het cv op één pagina tot je tien of meer jaar strikt relevante frontendrollen hebt. Twee pagina’s is acceptabel voor staff-level scope als elke regel het React/Next.js-verhaal ondersteunt. Gebruik een éénkoloms- of eenvoudig tweekolomssjabloon zodat parsers secties in volgorde lezen — Werkervaring vóór Vaardigheden is conventioneel, maar Vaardigheden vóór Opleiding parst ook betrouwbaar als koppen standaard zijn.

ATS-trefwoorden waarop veel frontendrecruiters zoeken

Applicant Tracking Systems indexeren je cv meestal als tekst. Chique lay-out vervangt geen duidelijke sectiekoppen en platte formulering. Veel parsers en recruiterzoekbalken kijken naar functietitels, werkgevers, vaardigheden en soms projectnamen. Keyword stuffing — verborgen tekst of "React" tientallen keren herhalen — kan je schaden als een team het bestand handmatig beoordeelt. Een veiliger aanpak is belangrijke termen natuurlijk te noemen, naast werk dat je écht hebt gedaan.

Hieronder frontendtrefwoorden die in 2026 vaak in vacatures staan, met sterkere en zwakkere bulletvoorbeelden. Gebruik je eigen cijfers; verzin geen metrics die je in een gesprek niet kunt uitleggen.

Een praktische aanpak: open de vacature en markeer harde skills die meer dan eens voorkomen. Die horen vaak in je samenvatting, vaardighedenblok en minstens één ervaringsbullet. Synoniemen kunnen helpen — als zij "component library" zeggen, kan een bullet "design system in React" matchen voor mensen én zoektools. De hele vacature in verborgen tekst plakken is een slecht idee; veel teams zien dat als manipulatie.

Sommige technical recruiters gebruiken boolean searches zoals React AND TypeScript AND (Next.js OR "Next JS"). Het helpt die termen één keer in vaardigheden en één keer in ervaring te spiegelen. Spellingen verschillen per regio: "optimalisatie" vs "optimization" — match de vacature waar je kunt. Versienummers (React 18, Next.js 14) zijn prima als ze waar zijn; claim geen productie-ervaring met een versie die je alleen in een sideproject hebt geprobeerd, tenzij je dat duidelijk zegt.

• State en styling: Redux, Zustand, Tailwind CSS
• API’s en tooling: REST API, GraphQL, Vite, Webpack, Git, CI/CD
• Fundament: HTML5, CSS3, responsive design
• Kwaliteit: Jest, Cypress, Playwright, Lighthouse
• Vervang lege soft-skillbijvoeglijke naamwoorden door cross-functionele samenwerking, UX-partnership met designers, mentoring van juniors, technische ownership en stakeholdercommunicatie — altijd in bullets.

Toegankelijkheid: een onderwerp dat vaker terugkomt in frontend hiring

Toegankelijkheid is bij veel teams omhooggeschoven — niet alleen vanwege regelgeving en merkrisico, maar omdat bruikbare interfaces vaak beter zijn voor iedereen. In frontendforums en conferentietalks zie je WCAG, ARIA, semantische HTML, screenreaders en Lighthouse-audits vaak als praktische skills, geen buzzwords.

Je hoeft geen gecertificeerd auditor te zijn. Het helpt te laten zien dat je nadenkt over toetsenbordgebruik, zoom en assistive technology wanneer je UI shipped.

• WCAG 2.2 AA als doelniveau dat je hebt geïmplementeerd of naar hebt geremedieerd
• Semantische HTML — koppen, landmarks, native controls — voordat je naar ARIA grijpt
• Screenreaders (VoiceOver, NVDA) genoemd als onderdeel van QA, niet als theorie
• Lighthouse en axe in CI of releasechecklists
• Bedrijfsresultaat — minder supporttickets, breder bereikbaar publiek, compliance-sign-off

Op je cv kan zelfs één concrete toegankelijkheidsbullet opvallen naast een lange vaardighedenlijst die alleen "HTML/CSS" zegt. In interviews vragen sommige teams door: Hoe test je focusvolgorde? Wanneer is een div die als knop fungeert een probleem? Wat doe je als een design contrastchecks faalt?

WCAG, semantische HTML, Lighthouse en screenreaders — wat je moet weten

Als je vroeg in je carrière bent, documenteer toegankelijkheidswerk in portfolio-readmes zelfs als employmentbullets dun zijn: ondertitel een toetsenbord-walkthroughvideo, publiceer auditnotities of draag a11y-fixes bij aan open source. Dat bewijs reist verder dan alleen een skill-tag.

Portfolioprojecten die veel recruiters graag zien

Afhankelijk van de rol kunnen hiring managers evenveel om wat je hebt gebouwd geven als om waar je hebt gewerkt. Je GitHub en live demo’s moeten basale vragen beantwoorden: Wat heb je gebouwd, voor wie, met welke stack, en wat veranderde er?

• SaaS-dashboards: datavisualisatie, role-based UI, realtime updates, auth. Toon React/Next.js-statepatronen en performance-trade-offs.
• E-commerce: winkelwagen, checkout, internationalisering, payment-edge cases. Sterk om conversiegerichte frontend te laten zien.
• Performance-optimalisatie: before/after Lighthouse- of bundelgrafieken, lazy loading, image pipelines, cachingstrategie.
• Toegankelijkheidsverbeteringen: documenteer auditbevindingen, fixes en hertestresultaten — vooral bij high-traffic-flows.

Diepgang wint meestal van volume — twee stevige casestudy’s werken vaak beter dan tien tutorialclones.

Op het cv zelf: behandel elk project als een korte baanaangifte: scope, stack, jouw rol en een resultaat. Link naar een live site en repo als je kunt. Sommige recruiters checken GitHub vóór een call; een duidelijke readme met setupstappen en een paar screenshots scheelt tijd. Als werk onder NDA valt, beschrijf het resultaat zonder de klant te noemen als dat mag.

Certificeringen: Meta, Google UX, Frontend Masters

Certificeringen vervangen zelden portfolio- en arbeidsbewijs, maar ze kunnen baselinecompetentie valideren — vooral voor carrièreswitchers of juniors die concurreren met bootcampgraduates.

Plaats certificeringen in een aparte sectie met uitgiftedata. Laat ze impactvolle ervaring niet van pagina één duwen.

Orden certificaten op relevantie voor de rol die je hierna wilt, niet alleen op chronologie. Meta Front-End Developer landt goed bij React-zware vacatures; Google UX ondersteunt productgerichte frontendrollen; Frontend Masters-cursustitels signaleren diepgang aan technische interviewers die instructeurnamen herkennen.

Aanbevolen boeken die in senior frontendgesprekken terugkomen

Boeken landen het gesprek niet in hun eentje, maar de juiste scherpen het vocabulaire dat je in samenvattingen en technische screens gebruikt. Deze titels keren terug in staff-engineer-leeslijsten en frontendcarrière-threads:

• JavaScript: The Good Parts (Douglas Crockford) — mentaal model van de kern van de taal
• You Don't Know JS (Kyle Simpson) — diepgang over closures, prototypes, async
• Refactoring UI (Wathan & Schoger) — praktisch visueel ontwerp voor developers
• Designing Interfaces (Tidwell e.a.) — patronen voor complexe UI
• Refactoring (Martin Fowler) — code structureren die teamschaal overleeft

Je hoeft geen boeken op je cv te zetten, tenzij een studiegroep of interne boekclub deel is van je professionele verhaal. De waarde is interviewfluency: als een principal engineer vraagt hoe je over component-API’s of lay-outbeslissingen denkt, geven deze teksten je precieze taal.

Veelgemaakte frontend-cv-fouten in 2026

Een paar fouten die we vaak op frontend-cv’s zien:

• Generieke titel — "Frontend Developer" zonder stack in kopregel of samenvatting
• Skills dump zonder bewijs — 30 buzzwords, nul metrics
• Verouderde stacknadruk — leiden met jQuery bij sollicitaties op React-rollen
• Muur van frameworks — elke tool die je ooit hebt aangeraakt in plaats van relevante diepgang
• Ontbrekende links — geen GitHub, live demo of LinkedIn in lijn met de PDF
• AI-gegenereerde fluff — samenvattingen die gepolijst klinken maar instorten bij basale technische vragen
• Toegankelijkheid en testen negeren — signaleert dat je snel maar broze UI kunt shippen

Nog een subtiele fout: elke werkgever identiek beschrijven. Als beide banen zeggen "responsive webapps gebouwd met modern JavaScript," leren recruiters niets over progressie. Toon toenemende scope — grotere gebruikersbases, zwaardere performanceconstraints, meer ownership van architectuur en quality gates.

Het AI-tijdperk: wat verandert in frontend hiring — en wat juniors nog moeten leren

AI-coding assistants kunnen boilerplate versnellen: componenten, tests, CSS-concepten. Sommige hiring teams checken nu of je begrijpt wat de tool produceerde — niet alleen of de demo draait. Interviews kunnen "leg deze diff uit" of "debug dit gegenereerde snippet"-vragen bevatten.

Als je vroeg in je carrière bent, is het nog steeds de moeite waard fundamentals zelf te leren:

Voor ervaren developers is gepolijste AI-copy makkelijk te herkennen als die niet met detail is onderbouwd. Een eenvoudig brag-document bijhouden — metrics, migraties, gefixte bugs, toegankelijkheidsverbeteringen — en daaruit putten leest eerlijker dan plakken vanuit een chatbot. Veel hiring managers geven de voorkeur aan kandidaten die trade-offs kunnen toelichten die ze écht hebben gemaakt.

• JavaScript-mechanica — event loop, promises, DOM-API’s zonder abstractiemagie
• React-mentaal model — rendering, state, effects, en wanneer je effects niet moet gebruiken
• CSS-lay-out — flexbox, grid, responsive breakpoints zonder alleen Tailwind-herinnering
• Debuggen — DevTools, network waterfalls, stack traces lezen
• Git-workflow — branches, rebases, betekenisvolle commits in teamverband
• Toegankelijkheid en performance — AI neemt zelden accountability voor WCAG of Core Web Vitals in productie

Gebruik AI om cv-bullets te schetsen, verifieer daarna elke claim. Gebruik AI om API’s te verkennen, implementeer en test daarna zonder de assistant open. Developers die floreren behandelen AI als versnelling bovenop oordeel — niet als vervanging ervan.

Take-home-taken lijken ook te blijven: een trage pagina fixen, tests toevoegen of toetsenbordnavigatie van een modal verbeteren. Je cv hoeft niet elke oefening te voorspellen — maar concrete bullets over shipped dashboards, eigen testsuites of gesloten toegankelijkheidskwesties geven interviewers iets echts om op door te vragen.