Hva er de grunnleggende
teknologiene for webutvikling?
En moderne nettside er bygget i lag. Her er hva hvert lag gjør — og hvorfor valgene som tas her påvirker alt fra fart og SEO til vedlikeholdskostnader.
Teknologistacken
De seks lagene i en moderne nettside
HTML
Struktur
<h1>, <nav>, <article>, <button>
HyperText Markup Language definerer innholdet og strukturen på en side. Overskrifter, avsnitt, lenker, bilder, skjemaer — alt dette er HTML. Riktig HTML er ikke bare teknisk korrekthet; det er grunnlaget for SEO, tilgjengelighet og lesbarhet for søkemotorer.
CSS
Presentasjon
Grid, Flexbox, Custom Properties, Media Queries
Cascading Style Sheets styrer utseendet: farger, typografi, layout, responsivt design og animasjoner. Moderne CSS med custom properties og grid/flexbox har erstattet mye av det som tidligere krevde JavaScript eller tredjepartsbiblioteker.
JavaScript
Interaktivitet
DOM-manipulasjon, fetch(), event handlers
JavaScript gjør sider dynamiske — validering av skjemaer, henting av data uten sideoppdatering, animasjoner og brukerinteraksjon. I dag kjører JavaScript også på server-siden (Node.js), som visker ut grensen mellom frontend og backend.
Rammeverk
Skalerbarhet
React, Next.js, Vue, Svelte
Rammeverk som React, Next.js, Vue og Svelte gir struktur til JavaScript-kode og gjør det enklere å bygge komplekse brukergrensesnitt. Next.js legger til server-side rendering, routing og API-ruter oppå React, og er i dag en standard for profesjonelle webapplikasjoner.
Database
Persistens
PostgreSQL, Sanity, Contentful, Supabase
De fleste nettsider trenger å lagre data — brukerinformasjon, innlegg, produkter. Relasjonsdatabaser (PostgreSQL, MySQL) er strukturerte og passer for de fleste formål. Dokument-databaser (MongoDB) passer bedre for ustrukturerte data. CMS-er som Sanity og Contentful er et brukervennlig lag oppå database-lagringen.
Hosting og infrastruktur
Leveranse
Vercel, Netlify, AWS, VPS
Koden må kjøre et sted. Moderne hosting-plattformer som Vercel og Netlify gjør det enkelt å distribuere Next.js-applikasjoner globalt via CDN, med automatisk skalering og null konfigurasjon. Tradisjonelle VPS-løsninger gir mer kontroll, men krever mer drift.
I praksis
Slik settes lagene sammen
Statiske nettsider
HTML, CSS og minimal JavaScript. Rask, billig å hoste, ingen database. Passer for presentasjonsnettsider og portaler uten dynamisk innhold.
Server-rendered applikasjoner
Next.js henter data fra database eller API på serveren og sender ferdig HTML til nettleseren. God for SEO, rask innlasting, og passer for de fleste bedriftsnettsider.
Single Page Applications (SPA)
Siden lastes én gang, og React oppdaterer innholdet dynamisk uten full sideoppdatering. Rask brukeropplevelse, men krever mer arbeid for god SEO.
Headless CMS
Innhold administreres i et eget system (Sanity, Contentful) og hentes via API. Gir ikke-tekniske brukere mulighet til å oppdatere innhold uten å røre koden.
Profesjonell praksis
Valg av teknologi er ikke nøytralt
De teknologiske valgene som tas tidlig i et prosjekt bestemmer hvor enkelt det er å vedlikeholde, skalere og overlevere løsningen til noen andre. En nettside bygget på proprietær teknologi er vanskeligere å flytte. En nettside bygget på veldefinerte, åpne standarder er varig.
Hos Dev AS bruker vi etablerte verktøy med bred community-støtte — ikke fordi vi følger trender, men fordi det betyr at løsningene vi leverer kan driftes, forstås og videreutvikles av hvem som helst. Du eier ikke bare koden; du eier noe som faktisk kan overleveres.
Trenger du en nettside?
Vi bygger med riktig teknologi for din situasjon
Ta kontakt for en uforpliktende prat om hva som passer.