Frontend vs backend: hvad er forskellen, og hvad koster de?

Ejeren af en webshop med kaffe får en mail fra sin udvikler: kunderne kan godt lægge varer i kurven, men ordrerne kommer ikke over i e-conomic, og problemet ligger i backend. Hun nikker og skriver tilbage, at det må de få kigget på. Men hvad betyder det egentlig, og hvorfor koster rettelsen mere end den nye forside, hun fik lavet sidste måned? Det er de to spørgsmål, denne guide besvarer, uden at I behøver at kunne kode.

Hvad er forskellen på frontend og backend?

Tænk på en fysisk butik. Frontend er butikslokalet: hylderne, skiltene, prisskiltene og kassen, som kunden ser og bruger. Backend er lageret, bogholderiet og leverandøraftalerne bag ved: hvor mange poser kaffe der er tilbage, hvad prisen er for en erhvervskunde, og hvordan pengene ender på kontoen. Kunden ser aldrig lageret, men hvis det ikke virker, er der tomme hyldepladser og forkerte priser i butikken.

Hvad sker der i frontend og backend, når en kunde køber i en webshop?

Den bedste måde at forstå forskellen på er at følge én ordre hele vejen igennem. Her er kaffewebshoppen, trin for trin:

Læg mærke til fordelingen. Frontend står for oplevelsen på alle fem trin, men backend gør det tunge arbejde på de tre sidste. Det er derfor, kaffeejerens problem lå i backend: kunderne kunne godt handle, men forbindelsen til e-conomic fejlede, efter at betalingen var gået igennem. Vil I vide mere om, hvordan systemer taler sammen, så læs hvad et API er.

Hvad laver en frontend-udvikler?

En frontend-udvikler omsætter designet til kode, der kører i browseren. Opgaven er at gøre det, designeren har tegnet, hurtigt, stabilt og brugbart for alle. Typiske opgaver:

• Bygge sider og komponenter, der virker på mobil, tablet og computer.
• Få siderne til at loade hurtigt og opfylde Core Web Vitals.
• Gøre løsningen tilgængelig med tastatur, skærmlæser og tilstrækkelig kontrast.
• Håndtere formularer, validering, fejlbeskeder og tomme tilstande.
• Hente data fra backend og vise dem, også når forbindelsen er langsom.

Hastighed er et frontend-ansvar, som har direkte betydning for salget og for Google. Vi har samlet grænseværdierne og de vigtigste rettelser i hjemmesidens hastighed og Core Web Vitals.

Hvad laver en backend-udvikler?

En backend-udvikler bygger det maskinrum, frontend henter data fra. Arbejdet er usynligt for kunderne, men det er her, forretningens regler bor. Typiske opgaver:

• Designe databasen, så kunder, produkter og ordrer hænger korrekt sammen.
• Bygge API’er, som hjemmeside, app og admin-panel bruger.
• Integrere med betaling, regnskab, fragt og login, fx MobilePay, e-conomic, PostNord og MitID.
• Sikre logins, rettigheder og persondata efter GDPR.
• Sørge for backup, logning og overvågning, så fejl opdages før kunderne gør det.

Hvad koster frontend- og backend-udvikling?

Timeprisen er stort set den samme. En senior webudvikler i Danmark tager typisk 800–1.400 kr. i timen, og et bureau 1.100–1.300 kr., uanset om timerne går til frontend eller backend. Forskellen ligger i, hvor mange timer hver del kræver, og det afhænger af, hvad løsningen skal kunne.

Regneeksempel: kaffe i abonnement

Kaffewebshoppen vil tilbyde abonnement, så kunderne får en pose hver fjortende dag. I frontend skal der laves en side, hvor kunden vælger kaffe og interval, og en side under Min konto, hvor abonnementet kan sættes på pause. Det er cirka 20 timer. I backend skal der bygges tilbagevendende betalinger, automatisk oprettelse af ordrer, håndtering af afviste kort og overførsel til e-conomic. Det er cirka 40 timer. Med 800–1.400 kr. i timen koster frontend-delen 16.000–28.000 kr. og backend-delen 32.000–56.000 kr., i alt 48.000–84.000 kr. Funktionen ser lille ud for kunden, men to tredjedele af arbejdet er usynligt.

Standardplatform eller skræddersyet backend?

På en platform som Shopify lejer I backend som en del af abonnementet, og jeres udgifter går mest til tema, frontend og apps. Det er billigt at starte og passer til de fleste standard webshops, som typisk koster 10.000–80.000 kr. at sætte op. Når forretningen kræver kundespecifikke priser, særlige abonnementsregler eller tæt kobling til ERP, bliver en skræddersyet backend relevant, og så ligger prisen ofte godt over 100.000 kr. Vi sammenligner mulighederne i Shopify vs WooCommerce vs custom og i hvad en webshop koster.

Hvad koster det at drive frontend og backend efter lancering?

Byggeprisen er kun første del. Frontend skal følge med nye browserversioner, og pakker og rammer skal opdateres, så sikkerhedshuller lukkes. Backend kræver hosting, database, backup, overvågning og vedligeholdelse af integrationer, hver gang e-conomic, MobilePay eller PostNord ændrer noget i deres API. En udbredt tommelfingerregel er 15–20 % af byggeprisen om året til vedligeholdelse. For abonnementsfunktionen ovenfor betyder det 7.200–16.800 kr. om året. Det, vi ser i praksis, er at det især er integrationerne, der kræver opmærksomhed, fordi de ændrer sig uden for jeres kontrol. Sørg derfor for, at fejlede overførsler logges og forsøges igen automatisk, så en kort nedetid hos en partner ikke giver manglende fakturaer.

Ligger fejlen i frontend eller backend? En hurtig guide

Hvad betyder headless for frontend og backend?

I en traditionel løsning som WordPress hænger frontend og backend tæt sammen i ét system. I en headless løsning er de skilt ad: indholdet og data ligger i en backend eller et CMS, og frontend er en selvstændig applikation, fx bygget i Next.js, der henter data via API. Fordelen er frihed til at designe, bedre hastighed og muligheden for at bruge samme backend til hjemmeside, app og skærme i butikken. Prisen er, at der er to dele at bygge og drive. Vi gennemgår, hvornår det betaler sig, i headless CMS forklaret.

Skal I hyre en frontend-udvikler, en backend-udvikler eller begge?

Til de fleste mindre virksomheder er svaret en udvikler eller et team, der dækker begge dele. En full stack-udvikler kan bygge en funktion fra skærm til database uden overleveringer. Specialister giver mening i større teams, eller når en del af løsningen er særligt krævende. Uanset hvem I vælger, kan I bruge disse spørgsmål til at afklare, om begge halvdele er dækket:

1. Hvem bygger brugerfladen, og hvem bygger database og integrationer?
2. Hvordan testes det, at siderne virker på mobil og er tilgængelige?
3. Hvad sker der med en ordre, hvis regnskabssystemet er nede i en time?
4. Hvor kører backend, og hvem overvåger den?
5. Kan den samme backend bruges, hvis vi senere vil have en app?
6. Hvordan dokumenteres API’et, så en anden udvikler kan overtage?

Hos Ceptiv bygger vi frontend og backend i samme team og samme sprog, TypeScript, og vi har mere end 40 færdige integrationer til bl.a. e-conomic, Dinero, MobilePay, PostNord, Penneo og Stripe. Det betyder, at de usynlige timer i backend bliver færre, fordi vi ikke starter forfra hver gang. Vil I have et tal på jeres løsning, så beskriv den her, og I får en fast pris inden for 24 timer.