Stories

Once Upons nya hemsida skapades mitt i skogen*

1 januari 1970

I torpet från 1873 står en MacBook från 2019. Mitt i Västerbottens inland, glesbygden, skogen (välj vad du vill, alla är sanna) sitter Jonas Sunnari, utvecklare på Once Upon, och jobbar med nya webbsidan. Solceller och 4G gör det möjligt att kombinera jobb och hans stora passion, jakten! Här skriver Jonas om utforskandet av arkitektur och jaktmarkerna som är hans paradis.

Written by Jonas Sunnari

jonas.sunnari@onceupon.se

Under natten har kylan letat sig in i det timrade kronotorpet. Klockan är 06.00 och jag har precis klivit upp. Snabbt kastar jag in några klabbar i vedspisen och tänder en värmande brasa. Utanför fönstren brinner hösten, som för mig är starkt kopplad till jakt, och den är anledningen till att jag nu befinner mig här, mitt ute i nästan ingenstans, tillsammans med min norrbottenspets. Det är bara vi.

När brasan tagit sig är det dags att rasta Raikko. Frosten ligger vit på backen, skogen lyser av höstens alla färger och luften är frisk. Var man inte vaken innan promenaden så är man det definitivt efteråt. Torpet är av det simpla slaget och här finns ingen el, men att jobba som utvecklare från torpet går ändå alldeles utmärkt – med solceller och 4G klarar man sig väldigt bra. Efter frukosten fäller jag upp min dator. Tanken är att jobba fram till lunch och spendera eftermiddagen ute i skogen.

1
Läs mer: Jobba på plats eller remote från t.ex. ett torp. Nu söker vi nya arbetskompisar!

Vi på Once Upon hade sedan en tid tillbaka pratat om att bygga en ny webb och där sträckte jag snabbt upp handen. Jag satt nämligen redan inne på några idéer. Eftersom vi kör mycket efter devisen att testa för att misslyckas snabbt så hade jag redan hunnit labba en del. Så här gick några av mina tankar.

Den gamla webben, byggd på Wordpress, hade inte fått något vidare underhåll på länge, och i min utforskning av arkitektur hade jag dessa punkter i åtanke:

Vi strävar efter att enbart använda typescript.
Vi försöker bryta upp monoliter till mindre tjänster.
Vi vill ligga i framkant med ny teknik.
Vi vill kunna använda CMS:et till annat än bara webben.

Resultatet av min utforskning talade emot att fortsätta med Wordpress. Men det var ett självklart use case för att testa en arkitektur med ett headless CMS. Ett headless CMS har inget inbyggt frontend-gränssnitt utan tillhandahåller managerat innehåll med ett API som sedan kan konsumeras av en webbsida, mobilapplikation, desktopapplikation eller vad som helst egentligen. Det finns många fördelar som exempelvis:

Prestanda
Säkerhet
Skalbarhet
Full kontroll och frihet
Lättare att versionshantera
Inget underhåll av server

Återstår nu bara en sak – att he** sig ut i skogen!

Eftersom det inte finns något inbyggt frontend-gränssnitt så är man fri att välja vad man vill. Vår native-app är byggd på React Native så det kändes självklart att även webben skulle vara byggd i React. Vi vill fokusera på bra SEO och därför inte ha en klassisk react-applikation som renderas på klientsidan. Valet föll på att använda Next.js med statiskt genererade sidor hostat hos Vercel. Förutom ett bättre SEO-stöd så finns det en rad andra fördelar med att använda ramverket t.ex. inbyggd routing och språkstöd.

Nackdelen med statiskt genererade sidor är att man vid varje ändring måste bygga om hela sajten, och är den stor kan det vara väldigt tidskrävande. Next.js har en funktion som kallas ISR (Incremental Static Regeneration). Den funktionen kommer automatiskt att uppdatera vissa delar av sajten, utan att behöva bygga om hela.

2
Läs mer: Intresserad av vår tech stack? Ett litet klick här är allt som krävs!

Under en tid har jag testat några olika CMS-tjänster för att kunna avgöra vilket som skulle passa oss bäst, men inte riktigt hittat rätt. Jag behöver en liten paus så går till spisen och värmer på kaffet. Vad lyxigt det ändå känns att kunna sitta i torpet och arbeta i en miljö där jag trivs så bra. Jag häller upp en kopp, och precis innan lunch hittar jag den så, den sista pusselbiten, ett CMS med en färdig integration mot vår översättnings-plattform vilket är mycket i värde för oss. Arkitekturen känns bra och nu är det bara att påbörja bygget. Ett bygge som senare ska testas i en MVP-version för vidare utvärdering. Det är viktigt med både research och att testa saker skarpt. Ibland kan det se ut som en kanonlösning i teorin men utan tester är det svårt att veta hur det kommer att fungera i praktiken. Otrevliga överraskningar klarar vi oss helst utan.

Klockan har slagit efter lunch och kängorna åker på. En extra tröja också då det fortfarande är kyligt ute. Jakt med skällande fågelhund är en väldigt fri jaktform där du tillsammans med din hund går ut i skogen i hopp om att hitta skogsfågel. Bara ni två. Mina och Raikkos jaktrundor varar oftast runt 3-4 timmar och idag passar det bra att vara ledig på eftermiddagen. Jakten är min stora passion och under hösten blir torpet med dess oändliga jaktmarker mitt paradis. Återstår nu bara en sak – att he** sig ut i skogen!"

* Okej, inte enbart mitt i skogen. Vi testade bland annat att lägga till ”bland annat” i rubriken men den blev bäst så här. Ber om ursäkt för tendens till clickbait. Hoppas vi är förlåtna.

** “He” kan vara ett av de mest flexibla och användbara ord som finns i det norrländska språket. För den oinvigde kan det närmast jämföras med engelskans “put” eller franskans “mettre”. Men då var det ju det här med flexibiliteten, så i just det här fallet betyder det kanske mer “skynda” eller “kasta”.