Hvordan vi bygger moderne e-handel som et SPA

_Mitt navn er Alexander Järnehall, frontend-utvikler i Cloud Nine og frontend-techlead for Våmagasinets nye e-handel. Da vi fikk i oppdrag å bygge en ny e-handel på Lithiums plattform for <a href="https://valamagasinet.se" target="blank">Vålamagasinet</a>, en butikk i Uppsala som spesialiserer seg på designmøbler, vi tenkte på hvordan vi kunne modernisere våre fremtidige e-handelsløsninger.

Vi har tidligere bygget e-handel for blant annet sportsmerket <a href="https://casall.com" target="_blank">Casall</a> og Fredells Byggvaruhus på <a href="https ://www. litium.se/" target="_blank">Litiums plattform</a>, men vi følte at tiden var moden for å utfordre vår tilnærming og bygge Vålamagasinets nye e-handel som Single Page Application (SPA).

En enkeltsideapplikasjon er et nettsted der grensesnittet oppdateres automatisk uten å laste inn siden på nytt når brukeren samhandler med nettstedet. På en tradisjonell nettside lastes en helt ny sidestruktur (HTML) hver gang brukeren klikker på en lenke og bytter side på nettsiden. Alle statiske elementer som finnes på hver side, som sidens topptekst, navigasjon og bunntekst, er vanligvis nøyaktig de samme som forrige side, noe som betyr at vi laster inn informasjon vi allerede har unødvendig.

På et nettsted bygget som en enkeltsideapplikasjon laster vi kun ned informasjonen som skal vises på den nye siden, og endrer deretter delene av grensesnittet som faktisk endres fra forrige side automatisk, uten å laste inn siden på nytt.

I praksis betyr det at når du surfer på Vålamagasinets nye nettside (når den er lansert), og klikker på et produkt på en kategoriside, kommer du inn på produktsiden og kan lese om produktet med en gang du klikker på lenken, t.d. hvis du har en treg forbindelse.

Vi i Cloud Nine er så fornøyde med resultatene at vi allerede har flere nye e-handelsløsninger i pipelinen som for tiden bygges på samme teknologi.

Alexander