Fra Webflow til Next.js, Sanity og Vercel: hva vi lærte av å bygge om egen side

Vi har brukt Webflow i mange år, og vi har vært glade i det. Men da vi skulle bygge om vår egen side på nytt, landet vi et helt annet sted: Next.js, Sanity og Vercel. Ikke fordi Webflow plutselig ble dårlig, men fordi vi ville eie stacken selv — og fordi det ga oss noe å vise fram til kunder som lurer på det samme.

Hvorfor vi i det hele tatt vurderte å bytte

Webflow er et godt verktøy, spesielt for å komme raskt i gang. Men jo mer vi bygget, jo mer merket vi rammene: priser som skalerer rart for et byrå med mange prosjekter, en CMS-motor som setter grenser for hvor komplekst innholdet kan struktureres, og et hosting-/CDN-lag vi ikke har noen som helst kontroll over. Det er ikke unikt for Webflow — det er prisen for at noen andre eier plattformen. For vår egen side, som skal leve lenge og være et skikkelig utstillingsvindu, ville vi heller eie hele kjeden.

CMS’en i Webflow

Det tekniske: Git, Sanity og Vercel i praksis

Den største forskjellen i hverdagen er versjonskontroll. Webflows Site History er fin til å hoppe tilbake til en tidligere lagring, men den forteller deg ikke hvorfor noe ble endret. Med Git har vi ekte commit-historikk, branches og en fullstendig logg over hva som skjedde og hvorfor — det er forskjellen på "gå tilbake til i går" og "forstå akkurat hva som endret seg".

Sanity Studio har overrasket oss mest. Innhold vi redigerer der — tekst, bilder, hele sider — dukker opp på den live siden i løpet av sekunder, uten noen bygge- eller publiseringsjobb. Det føles nesten som Webflows redigeringspanel, bare uten å være låst til Webflows egen editor.

Vercel tar seg av resten: hver push til Git trigger en ny build automatisk, hver branch får sin egen forhåndsvisnings-URL vi kan teste og dele før noe går live, og hvis noe skulle gå galt kan vi rulle tilbake til en tidligere deploy på sekunder. Det er en helt annen trygghet enn å redigere direkte på en levende side.

Skjermbilde fra Sanity

En ting Webflow aldri ga oss: frie innholdsblokker

Underveis bygde vi noe prosjektsidene våre aldri har hatt før, verken i Webflow eller i den første versjonen av denne nye siden: frie innholdsblokker. I stedet for faste felt — ett hovedbilde, én beskrivelse, ett resultat-avsnitt, i den rekkefølgen malen bestemmer — kan hver prosjektside nå bygges av en liste med blokker: tekst, bilde, tekst og bilde side om side, bildegalleri, eller en stor sitat-callout. Du legger til, fjerner og drar dem i akkurat den rekkefølgen prosjektet faktisk trenger, litt som å bygge med Notion-blokker. Det er noe verken Webflows CMS-felt eller vår egen forrige stack ga oss ut av boksen.

Vi migrerte alle 55 prosjektene våre — begge språk, 110 dokumenter — til det nye systemet på én ettermiddag, uten å miste et eneste bilde eller avsnitt underveis. Og siden det er additivt og ikke en rewrite, kunne vi teste det på ett prosjekt først og rulle resten ut når vi var trygge på at det fungerte.

Resultatene, i tall

Vi kjørte PageSpeed Insights mot begge versjonene av siden for å se om det faktisk monnet, ikke bare føltes bedre. På mobil gikk vi fra 56 til 100 i ren ytelse. SEO-score gikk fra 69 til 100. Tilgjengelighet lå allerede greit hos Webflow, men vi har jobbet videre på kontrast og strukturert data (schema.org/JSON-LD) på den nye siden også.

Mye av gevinsten kom fra ting vi rett og slett har mer kontroll over nå: vi konverterte fontene våre til WOFF2 og barberte over 500 KB, bildene serveres nå i riktig format og størrelse automatisk via next/image, og vi har lagt på ordentlige sikkerhetsheadere (Content-Security-Policy m.m.) som Webflow-hostingen aldri ga oss tilgang til å styre selv.

Hva betyr dette for deg som vurderer det samme?

Webflow er fortsatt et solid valg for mange — spesielt hvis målet er å komme raskt i gang uten utviklerressurser. Men hvis du vil eie koden din, ha full kontroll på ytelse og sikkerhet, og ikke være avhengig av én plattforms prising og begrensninger over tid, er Next.js/Sanity/Vercel-kombinasjonen verdt å se på. Det krever mer i oppsett, men du får noe som skalerer med deg i stedet for mot deg.

Vi hjelper gjerne til hvis du lurer på om egen side (eller kundens) er moden for det samme spranget — enten det ender med Webflow, denne stacken, eller noe helt tredje.

Og dette er ikke lenger bare en plan på papiret: akkurat nå, mens du leser dette, kjører sommersethdesign.no faktisk på denne stacken. DNS er byttet, Sanity er live-CMS-en, og Vercel bygger og deployer hver eneste endring vi gjør — inkludert denne artikkelen.