💻 IT & teknik

CV-exempel frontendutvecklare (2026)

En frontendutvecklare bedöms på gränssnittet användaren faktiskt möter. Visa att du behärskar React och TypeScript, att du bygger designsystem och komponentbibliotek som håller över tid och att du levererar snabbt och tillgängligt — inom en prestandabudget och enligt WCAG. Knyt arbetet till mätbara tal — bättre Core Web Vitals, färre renderingsfel eller ett komponentbibliotek flera team lutar sig mot.

Anna BergströmAnna Bergström · 25 juli 2026 · 5min lästid
ATS-anpassat CV-exempel
📄 Komplett CV-exempel

Komplett CV som frontendutvecklare

Det här CV:t visar hur du presenterar ramverk, tillgänglighet och prestanda. Anpassa teknik, bransch och siffror efter din egen erfarenhet.

Sofia Åkerlund
Frontendutvecklare · React & TypeScript
📍 Stockholm📧 sofia.akerlund@email.se📱 +46 70 678 90 12🌐 github.com/sofiaakerlund
📚 Djupare: så fyller du i personuppgifterna rätt
Profil

Frontendutvecklare med 5 års erfarenhet av att bygga gränssnitt i React och TypeScript. Höjde Lighthouse-prestandan på Spotifys webbspelare från 71 till 94 genom kodstädning och lazy loading, och håller sedan dess bundlestorleken inom en satt prestandabudget. Äger ett designsystem i Storybook, byggt på designtokens och delade komponenter, som används av fyra produktteam. Arbetar nära UX och design med tät handoff i Figma, och ser tillgänglighet enligt WCAG som ett grundkrav snarare än ett tillägg. Trygg i modern CSS med Tailwind och CSS Modules, tillståndshantering, lokalisering (i18n) och komponentdriven utveckling.

📚 Djupare: så skriver du en stark profiltext
Arbetslivserfarenhet
Frontendutvecklaremaj 2022 – nu
Spotify — Stockholm
  • Ansvarig för webbspelarens gränssnitt i React och TypeScript.
  • Höjde Lighthouse-prestandan från 71 till 94 genom code splitting och lazy loading, och satte en prestandabudget som håller bundlestorleken nere.
  • Byggde och underhåller ett designsystem i Storybook med designtokens som används av fyra team.
  • Införde flerspråkigt gränssnitt (i18n) och säkerställde WCAG-nivå AA med tangentbordsnavigering och korrekt ARIA i hela flödet.
Frontendutvecklareaug 2020 – apr 2022
King — Stockholm
  • Utvecklade responsiva kampanjsidor och interna verktyg i React.
  • Migrerade en äldre kodbas från JavaScript till TypeScript och minskade renderingsfelen märkbart.
  • Införde visuell regressionstestning i Chromatic inför varje release.
📚 Djupare: så beskriver du arbetslivserfarenhet med resultat
Utbildning
Kandidatexamen Datavetenskap2016 – 2019
Chalmers tekniska högskola
Meta Front-End Developer Professional Certificate2021
Coursera
📚 Djupare: så tar du upp utbildning på CV:t
Kompetenser
React & Next.jsTypeScriptModern CSS (Tailwind, CSS Modules, Grid, Flexbox)Tillgänglighet enligt DOS-lagen och WCAG (ARIA)Designsystem & designtokens (Storybook)Prestandaoptimering & prestandabudget (Core Web Vitals, Lighthouse)Lokalisering (i18n) & Figma-handoffTillståndshantering (Redux, TanStack Query)
📚 Djupare: så väljer och formulerar du kompetenser
Vidareutbildning

GitHub: github.com/sofiaakerlund · Meta Front-End Certificate (2021) · Talare på React Sweden Meetup 2024 · Medlem i Sveriges Ingenjörer

📚 Djupare: vad räknas som meriterande
Gör det personligt
1👤Fyll i namn och kontaktuppgifter
2📝Skriv din profiltext
3💼Lägg till arbetslivserfarenhet
4🎓Ange din utbildning
5💡Välj dina kompetenser
Skapa mitt eget CV
🎨 Mallstilar

Samma innehåll, tolv stilar

Välj en modern layout som låter gränssnittsarbetet synas.

CV-mall Professionell — gratis CV-mall för din ansökanSe mall
Professionell
CV-mall Modern — gratis CV-mall för din ansökanSe mall
Modern
CV-mall Klassisk — gratis CV-mall för din ansökanSe mall
Klassisk
CV-mall Enkel — gratis CV-mall för din ansökanSe mall
Enkel

Över 2 000 000 CV:n har skapats med våra mallar

Se alla mallar på vår CV-exempel-sida.

📝 Profiltext

En profil som visar gränssnittshantverk

I din profil anger du år i yrket, ditt huvudramverk och minst ett mätbart resultat — prestandapoäng, ett återanvänt komponentbibliotek eller uppnådd WCAG-nivå. Rekryteraren vill snabbt se att du bygger gränssnitt som både presterar och håller.

Gör inte

Jag är en kreativ frontendutvecklare med öga för detaljer och passion för snygga gränssnitt. Jag lär mig ny teknik snabbt och gillar utmaningar.

Bättre

Frontendutvecklare med 5 års erfarenhet av React och TypeScript. Höjde Lighthouse-prestandan på Spotifys webbspelare från 71 till 94, håller en prestandabudget och äger ett designsystem med designtokens som fyra team använder. Levererar tillgängligt enligt DOS-lagen och WCAG AA.

Fler tips? Läs vår guide för personlig profil.

Skapa mitt CV
💡 Färdigheter

Vad svenska arbetsgivare söker hos en frontendutvecklare

Svenska produktbolag letar efter frontendutvecklare som kombinerar hantverk i React med prestanda, designsystem och tillgänglighet. Koppla varje färdighet till ett ramverk, en metod och ett gränssnitt där den gav mätbar effekt — ett prestandalyft, en prestandabudget som höll eller ett bibliotek flera team lutar sig mot.

⚛️

React & komponentdriven utveckling

React, Next.js, hooks. Beskriv komponenter och flöden du byggt och hur de återanvänds.

🔠

TypeScript

Typad kod, generics, migrering från JavaScript. Visa hur typning minskat fel i produktion.

Tillgänglighet

Tillgänglighet enligt DOS-lagen och WCAG med ARIA och tangentbordsnavigering. Allt fler svenska arbetsgivare kräver det i grunden.

Prestanda & prestandabudget

Core Web Vitals, Lighthouse, lazy loading, bundlestorlek. Sätt en prestandabudget och ange före- och efter-siffror.

🎨

Designsystem & CSS

Modern CSS med Tailwind och CSS Modules, designtokens, Storybook och Figma-handoff. Beskriv hur du översätter design till robusta, återanvändbara komponenter.

🧷

Frontendtestning

Enhetstester, visuell regression i Chromatic, E2E. Visa hur du hindrar buggar från att nå produktion.

Läs mer om vilka kompetenser du kan nämna i vår kompetensguide.

Välj en mall och börja
📊 Marknadsläge

Så ser frontendutvecklarrollen ut i Sverige just nu

Där en webbutvecklare ofta äger hela flödet ner till backend och drift, lever frontendutvecklaren i gränssnittet: komponenter i React, typad kod i TypeScript, modern CSS och det svåra hantverket att få allt att kännas snabbt och fungera för alla. Ju tydligare du markerar den specialiseringen, desto lättare har rekryteraren att placera dig rätt.

Djupet blir tydligt först i vad du mäter. En seniorare frontendutvecklare pratar inte om att sidan är snabb, utan om Core Web Vitals, bundlestorlek och den prestandabudget som håller dem nere sprint efter sprint. Hen pratar inte om snygga komponenter, utan om ett designsystem byggt på designtokens som flera team återanvänder utan att gränssnittet driver isär.

Läs annonsen med det i bakhuvudet. Ett produktteam med eget designsystem letar efter någon som kan förvalta tokens och komponenter; en byrå med många kundprojekt vill ha bredd och tempo; en offentlig aktör sätter tillgänglighet enligt DOS-lagen främst. Forma CV:t efter vilken av dessa verkligheter du söker dig till.

Strukturen kan vara stram: profil, färdigheter, erfarenhet och en synlig länk till GitHub eller en live-demo. Låt varje erfarenhetspunkt bära en siffra eller ett systemvärde — ett prestandalyft, ett antal team som lutar sig mot ditt bibliotek, en WCAG-nivå du faktiskt levererat.

Svenska produktbolag som Spotify, King, Mentimeter och Sinch konkurrerar hårt om frontendtalang, och gränsen mot UX-arbete är ofta flytande — var därför tydlig med att du bygger gränssnittet i kod, inte designar det i första hand. Efterfrågan är stark enligt TechSverige, med tyngdpunkt i Stockholm och Göteborg. Lönespannet är brett: de som börjar landar kring 35 000–43 000 kr, mediorroller på 43 000–55 000 och seniora frontendutvecklare når 55 000–72 000 kr enligt SCB och Sveriges Ingenjörer.

Två saker har flyttat sig snabbt de senaste åren och är värda att lyfta explicit. Tillgänglighet har gått från plus till grundkrav i takt med att DOS-lagen skärpts, och prestanda har blivit något team budgeterar för snarare än städar i efterhand. Skriver du om dig som någon som äger designtokens och håller en prestandabudget, signalerar du att du arbetar som frontend förväntas göra 2026 — inte som 2020.

📋 Arbetslivserfarenhet

Så beskriver du arbetslivserfarenhet som frontendutvecklare

Beskriv per anställning vilket gränssnitt du ägde, vilket ramverk du använde och vilket resultat det gav. "Höjde Lighthouse från 71 till 94" väger tyngre än "arbetade med frontend".

Frontendutvecklaremaj 2022 – nu
Spotify — Stockholm
  • Höjde Lighthouse-prestandan på webbspelaren från 71 till 94 med code splitting och en satt prestandabudget.
  • Byggde ett designsystem i Storybook med designtokens som används av fyra team.
  • Införde flerspråkigt gränssnitt (i18n) och säkerställde WCAG AA med tangentbordsnavigering och korrekt ARIA.
Frontendutvecklareaug 2020 – apr 2022
King — Stockholm
  • Migrerade en kodbas från JavaScript till TypeScript och minskade renderingsfelen.
  • Byggde responsiva kampanjsidor och interna verktyg i React.
  • Införde visuell regressionstestning i Chromatic inför varje release.

Använd aktiva verb för att göra dina punkter starkare.

✅ Praktiska tips

Att göra och inte göra

Vanliga misstag och smarta val vi ser i CV:n för frontendutvecklare. Följ dessa riktlinjer så sticker ditt CV ut hos svenska rekryterare.

Visa prestanda i siffror

"Lighthouse 71 till 94" eller "LCP under 1,5 s" säger mer än "snabb och optimerad frontend".

Lyft tillgänglighet

WCAG AA och tangentbordsnavigering är alltmer ett krav i Sverige. Ange nivån du levererat.

Nämn designsystem och designtokens

Ett komponentbibliotek på delade designtokens som flera team använder visar att du bygger för återanvändning, inte engångslösningar.

Undvik "öga för detaljer och passion"

Det skriver alla frontendare. Visa det genom ett gränssnitt med tydlig, mätbar effekt.

Blanda inte ihop dig med en UX-designer

Är du utvecklare, lyft kod, ramverk och prestanda — inte research och wireframes. Var tydlig med rollen.

Inget personnummer eller foto

Lika lite som du lämnar oanvänd markup i gränssnittet hör personnummer och foto hemma i ett svenskt CV.

Kontrollera ditt CV med vår CV-checklista innan du söker.

Skapa mitt CV
💰 Löneindikation

Vad tjänar en frontendutvecklare?

Junior
35 000 – 43 000 kr/mån
0–2 års erfarenhet
Medior
43 000 – 55 000 kr/mån
2–5 års erfarenhet
Senior
55 000 – 72 000 kr/mån
5+ års erfarenhet

Se fullständig lönestatistik med regional uppdelning →

Källa: SCB Lönesök · Sveriges Ingenjörer lönestatistik

❓ Vanliga frågor

FAQ: CV som frontendutvecklare

Svar på de vanligaste frågorna om att skriva ett CV som frontendutvecklare i Sverige.

En frontendutvecklare bygger gränssnittet i kod — React, TypeScript, CSS — medan en UX-designer arbetar med research, wireframes och prototyper. Är du utvecklare ska CV:t lyfta ramverk, prestanda och tillgänglighet, inte designprocess. Var tydlig med var din tyngdpunkt ligger.

Använd konkreta tal: Lighthouse-poäng före och efter, Core Web Vitals som LCP och CLS, eller minskad bundlestorlek. "Höjde Lighthouse från 71 till 94" är betydligt starkare än "optimerade prestandan".

En junior frontendutvecklare tjänar oftast 35 000–43 000 kr/mån. Seniora på produktbolag ligger på 55 000–72 000 kr/mån enligt SCB och Sveriges Ingenjörer. Lönen är högst i Stockholm och Göteborg och på techbolag.

Allt viktigare. Med DOS-lagen och skärpta WCAG-krav efterfrågar många svenska arbetsgivare tillgänglig frontend som ett grundkrav. Ange vilken WCAG-nivå du levererat och hur — tangentbordsnavigering, ARIA, kontrast.

React är standard i Sverige och räcker långt om du kan det på djupet. Bredd i Vue eller Angular kan vara ett plus, men djup i ett ramverk kombinerat med TypeScript, prestanda och tillgänglighet väger tyngre än ytlig kunskap i tre.

En till två sidor. Håll fokus på ramverk, gränssnitt du ägt och resultat de senaste 5–10 åren. Länka GitHub eller en live-lösning så rekryteraren kan se koden och gränssnittet på riktigt.

📚 Källor

Källor och vidare läsning

De källor och branschorganisationer vi använt för att ta fram innehållet på den här sidan.

TechSverige

Bransch- och arbetsgivarorganisation för IT- och telekomföretag. Publicerar rapporter om kompetensbrist och rekrytering — en tillförlitlig referens för efterfrågan på utvecklarroller.

DIGG — Myndigheten för digital förvaltning

Ansvarar för Sveriges webbriktlinjer och tillsynen av DOS-lagen om tillgänglighet till digital offentlig service. Referens när du vill visa att du bygger tillgänglig frontend enligt svensk lag.

Sveriges Ingenjörer

Fackförbundet för ingenjörer och många utvecklare. Publicerar detaljerad lönestatistik per erfarenhetsnivå och region — användbart underlag inför löneförhandling.

web.dev (Google)

Internationell referens för prestanda, Core Web Vitals och moderna webbstandarder. Inte en svensk källa, men mätvärdena och metoderna används av i princip alla svenska frontendteam.

🔗 Liknande yrken

CV-exempel i samma kategori

Utforska CV-exempel för yrken som liknar frontendutvecklare — med samma typ av kompetenser och arbetsmarknadsförutsättningar.

CV-checklistan (PDF) till din inkorg

Lämna din e-postadress så får du checklistan som visar om ditt CV är redo att skickas.

Börja med ditt frontendutvecklar-CV

Lyft fram ramverk, tillgänglighet och prestanda i ett CV som övertygar svenska produkt- och techbolag.

Skapa ditt frontendutvecklar-CV i några steg
Lägg till ramverk, prestanda och tillgänglighet
Skapa mitt CV →