Hvordan vi bygger moderne e-handel som et SPA

_Mit navn er Alexander Järnehall, frontend-udvikler hos Cloud Nine og frontend-techlead for Våmagasinets nye e-handel. Da vi fik til opgave at bygge en ny e-handel på Lithiums platform for <a href="https://valamagasinet.se" target="blank">Vålamagasinet</a>, en butik i Uppsala, der har specialiseret sig i designermøbler, vi tænkte på, hvordan vi kunne modernisere vores fremtidige e-handelsløsninger.

Vi har tidligere bygget e-handel for blandt andet sportsbrandet <a href="https://casall.com" target="_blank">Casall</a> og Fredells Byggvaruhus på <a href="https ://www. litium.se/" target="_blank">Litiums platform</a>, men vi følte, at tiden var moden til at udfordre vores tilgang og bygge Vålamagasinets nye e-handel som Single Page Application (SPA).

A Single Page Application er et websted, hvor grænsefladen opdateres automatisk uden at genindlæse siden, når brugeren interagerer med webstedet. På en traditionel hjemmeside indlæses en helt ny sidestruktur (HTML) hver gang brugeren klikker på et link og skifter side på hjemmesiden. Alle statiske elementer, der findes på hver side, såsom sidens sidehoved, navigation og sidefod, er normalt nøjagtigt de samme som den foregående side, hvilket betyder, at vi indlæser oplysninger, vi allerede har, unødvendigt.

På et websted bygget som en enkeltsideapplikation downloader vi kun de oplysninger, der skal vises på den nye side, og ændrer derefter de dele af grænsefladen, der faktisk ændres fra den forrige side automatisk, uden at foretage en genindlæsning af siden.

I praksis betyder det, at når du surfer på Vålamagasinets nye hjemmeside (når den lanceres), og klikker på et produkt på en kategoriside, kommer du ind på produktsiden og kan læse om produktet, så snart du klikker på linket, evt. hvis du er på en langsom forbindelse.

Vi hos Cloud Nine er så tilfredse med resultaterne, at vi allerede har flere nye e-handelsløsninger i pipelinen, som i øjeblikket bygges på den samme teknologi.

Alexander