GuideCa. 5 minutters lesing

Hvilke verktøy vi bruker
i moderne webutvikling

Ikke en nøytral kursliste, men en faktisk redegjørelse for hvilke verktøy vi bruker hos Dev AS — og den konkrete begrunnelsen bak hvert valg.

Vår stack

Verktøyene vi bruker — og hvorfor

Next.js

Rammeverk

Erstatter

Ren React SPA, WordPress

nextjs.org ↗

Vi bruker det fordi

Next.js gir oss server-side rendering og statisk generering ut av boksen. Det betyr sider som lastes raskt og indekseres riktig av Google — uten å måtte konfigurere alt fra bunnen av. React alene er ikke nok for profesjonelle nettsider; Next.js er det naturlige neste steget.

TypeScript

Språk

Erstatter

Vanilla JavaScript

typescriptlang.org ↗

Vi bruker det fordi

TypeScript er JavaScript med typesikkerhet. Feil oppdages under utvikling i editoren, ikke i produksjon hos kunden. For prosjekter som lever over tid og skal vedlikeholdes av andre, er TypeScript ikke en luksus — det er en forutsetning for kode som kan forstås om et år.

Tailwind CSS

Styling

Erstatter

Custom CSS, Bootstrap, styled-components

tailwindcss.com ↗

Vi bruker det fordi

Tailwind gir oss et konsistent design-system direkte i markup, uten at CSS-filer vokser seg ukontrollerbare. Resultatet er forutsigbar styling, ingen naming-konflikter og produksjonsbygg med minimal CSS-størrelse. Det er raskere enn custom CSS og mer kontrollerbart enn komponentbiblioteker.

Vercel

Hosting

Erstatter

Tradisjonell VPS, Heroku, Netlify

vercel.com ↗

Vi bruker det fordi

Vercel er bygget av de samme som lager Next.js — og det synes. Zero-config deployment, automatisk preview-URLer for hvert branch, global CDN og innebygd støtte for edge functions. For Next.js-prosjekter er det det enkleste stedet å hoste uten å miste ytelse.

Git og GitHub

Versjonskontroll

Erstatter

FTP-opplasting, ingen versjonskontroll

github.com ↗

Vi bruker det fordi

All kode vi skriver lever i Git. Det gir full historikk, mulighet til å rulle tilbake, og transparens for kunden. GitHub er samarbeidsplattformen — der kunden kan se koden, og der vi kobler deployment til produksjon via push til main.

Sanity

CMS

Erstatter

WordPress, Squarespace

sanity.io ↗

Vi bruker det fordi

For prosjekter der kunden skal oppdatere innhold, bruker vi Sanity som headless CMS. Det gir en brukervennlig redigeringsflate uten å binde oss til WordPress sin arkitektur. Innhold og kode er separert — kunden eier innholdet, vi eier koden.

Filosofi

Prinsippene bak valgene

Etablert over trendy

Vi velger verktøy med bred community-støtte og lang levetid fremfor det siste rammeverket som ble populært forrige kvartal.

Åpent over proprietært

Løsninger du kan ta med deg til en annen leverandør. Ingen lock-in til vårt eget system eller plattform.

Ytelse innebygd

Verktøyene vi bruker er valgt delvis fordi de gjør det enklere å levere raske sider med gode Lighthouse-scorer.

Vedlikeholdbart

Kode vi skriver i dag skal fortsatt være forståelig om to år — for oss, for kunden, og for en ny leverandør.

For kunden

Hva betyr verktøyvalg for deg som kunde?

Verktøyene vi bruker er ikke bare tekniske preferanser — de påvirker hva du ender opp med. Next.js og TypeScript betyr kode som er lettere å overlevere til en annen utvikler. Vercel betyr at du kan bytte hosting uten å starte fra scratch. Sanity betyr at du kan redigere innhold uten å trenge oss til hvert lille ord.

Vi nevner dette ikke for å imponere, men fordi vi mener det er relevant at du forstår hva du kjøper. En nettside er ikke bare et visuelt produkt — det er kode som skal leve og vedlikeholdes over tid.

Vil du se det i praksis?

Vi bruker disse verktøyene på hvert prosjekt vi leverer

Ta kontakt for å snakke om hva vi kan bygge for deg.