Once Upons nye hjemmeside blev skabt midt i skoven*

1. januar 1970

I et lille husmandssted fra 1873 står en MacBook fra 2019. Midt i Västerbottens ødemark – tyndt befolket landskab, skov (vælg selv, det hele passer) – sidder Jonas Sunnari, udvikler hos Once Upon, og arbejder på den nye hjemmeside. Solceller og 4G gør det muligt at kombinere arbejde med hans store passion: jagt! Her skriver Jonas om sin rejse ind i arkitekturens verden – og jagtmarkerne, der er hans paradis.

Written by Jonas Sunnari

jonas.sunnari@onceupon.se

I løbet af natten har den kolde luft sneget sig ind i den gamle tømmerhytte. Klokken er 6:00, og jeg er lige vågnet. Hurtigt smider jeg et par brændeknuder i brændeovnen og tænder op for at få varmen. Efteråret er her. En årstid, jeg forbinder stærkt med jagt – og også grunden til, at jeg befinder mig her, midt i ingenting med kun min hund som selskab.

Da ilden tager fat, er det tid til at gå en tur med Raikko. Frosten ligger hvid på jorden, skoven stråler i efterårets farver, og luften er frisk. Hvis jeg ikke var vågen før turen, er jeg det i hvert fald nu.

Hytta er enkel og uden elektricitet, men det fungerer overraskende godt at arbejde som udvikler herfra – med solceller og 4G kommer man langt. Efter morgenmaden åbner jeg computeren. Planen er at arbejde frem til frokost og derefter bruge eftermiddagen i skoven.

1
Læs mere: Arbejd på stedet eller remote – f.eks. fra et lille husmandssted. Vi søger nye kollegaer!

Hos Once Upon havde vi længe talt om at bygge en ny hjemmeside – og jeg rakte hurtigt hånden i vejret. Jeg havde allerede nogle idéer i tankerne. Da vi ofte arbejder ud fra princippet om at teste og fejle hurtigt, var jeg faktisk allerede begyndt at eksperimentere lidt. Her er nogle af mine tanker.

Den gamle hjemmeside, bygget i WordPress, havde ikke fået meget kærlighed i lang tid. I min søgen efter en ny arkitektur havde jeg disse punkter med i overvejelserne:

- Vi stræber efter kun at bruge TypeScript
- Vi prøver at nedbryde monolitter i mindre services
- Vi vil være på forkant med ny teknologi
- Vi vil kunne bruge CMS’et til mere end bare web

Resultatet af min research pegede væk fra WordPress og i stedet hen mod at teste en arkitektur baseret på et headless CMS.

Et headless CMS har ikke et indbygget frontend-interface, men leverer indhold via et API, som så kan bruges af en hjemmeside, mobilapp, desktop-app – eller hvad man nu har brug for.

Der er mange fordele, som for eksempel:

- Ydeevne
- Sikkerhed
- Skalerbarhed
- Fuld kontrol og frihed
- Nem versionstyring
- Ingen servervedligeholdelse

Nu er der kun én ting tilbage – at tage ud i skoven!

Da der ikke er noget indbygget frontend-interface, står man helt frit til at vælge det, man vil. Vores native app er bygget i React Native, så det føltes naturligt, at hjemmesiden også skulle bygges i React.

Men vi vil gerne have fokus på SEO, og derfor ville vi undgå en klassisk React-app, der kun renderer på klientsiden. Valget faldt i stedet på Next.js med statisk genererede sider hostet på Vercel.

Ud over bedre SEO-understøttelse er der flere fordele ved at bruge netop det framework – som f.eks. indbygget routing og sprogunderstøttelse.

Ulempen ved statisk genererede sider er, at hele sitet skal genopbygges ved hver ændring. Og hvis sitet er stort, kan det tage lang tid.

Next.js har dog en funktion kaldet ISR (Incremental Static Regeneration), som automatisk opdaterer visse dele af sitet uden at hele siden skal bygges om fra bunden.

2
Læs mere: Nysgerrig på vores tech stack? Et lille klik her er alt, der skal til!

I et stykke tid har jeg testet forskellige CMS-løsninger for at finde den, der passer bedst til os – men jeg har endnu ikke fundet den helt rigtige. Jeg har brug for en lille pause.

Jeg går hen til brændeovnen og varmer kaffen. Er så taknemmelig for, at jeg kan arbejde herfra – i omgivelser, hvor jeg virkelig føler mig hjemme. Jeg hælder en kop op, og lige inden jeg gør mig klar til at gå ud i den efterårsfarvede skov, finder jeg det – det sidste puslespilbrik.

Et CMS med en integreret oversættelsesplatform. Arkitekturen føles virkelig god, og nu handler det bare om at bygge det.

En løsning, der senere skal testes som en MVP-version for yderligere evaluering. Det er vigtigt både at researche og teste i praksis. Nogle gange ser en løsning fantastisk ud på papiret – men uden tests er det svært at vide, hvordan den fungerer i virkeligheden. Vi foretrækker at undgå ubehagelige overraskelser.

*Okay, ikke kun midt i skoven. Vi overvejede at tilføje "blandt andet" i overskriften, men det lød bare bedst sådan her. Undskyld for den clickbait-agtige tendens. Vi håber, I tilgiver os.