Hvordan vi bygger lynhurtig, server-renderet e-handel med Next.js

Mit navn er Magnus Öhrström, jeg er frontend-udvikler hos Cloud Nine, og jeg arbejder i øjeblikket på et af vores nystartede e-handelsprojekter.

En hurtig applikation med korte indlæsningstider er et must for enhver moderne hjemmeside, og er især vigtig for alle nutidens e-handlere, ikke mindst for e-handleren, som jeg arbejder med lige nu. Cloud Nine har stor erfaring med at skabe hurtige og responsive grænseflader ved hjælp af React javascript frameworket. Med en React-applikation skal hele siden ikke opdateres ved fx et knapklik, men kun berørte dele, der skal ændres. Hvordan det fungerer i en såkaldt “Single Page Application” fortæller en anden af ​​vores frontend-udviklere Alexander, mere om i indlægget.

I arbejdet med vores e-handelsprojekt bruger vi også et framework kaldet Next.js, som er ekstra spændende at arbejde med, fordi det muliggør såkaldt “server-side rendering”. Det betyder, at javascript-applikationen kan gengives på serversiden i stedet for på klientsiden. Dette giver en række fordele. Hjemmesiderne får kortere indlæsningstider og da især på den første gengivelse af siden. Det gør en stor forskel for eksempelvis mobilbrugere med langsomme internetforbindelser, da hjemmesiden hurtigere bliver interaktiv.

Nogle søgemaskiner og andre typer bots kan ikke gengive javascript, men de kan håndtere en server-renderet applikation. På den måde har hjemmesiden bedre forudsætninger for at havne højere i SEO-hierarkiet. Ud over SEO-fordelen håndterer applikationen dataoverførsler hurtigere end en klient-renderet applikation.

At have en hjemmeside med høj ydeevne bliver mere og mere vigtigt. Vi hos Cloud Nine bruger Next.js i et par opstartsprojekter for e-handel for at drage fordel af server-renderede React-applikationer for at skabe meget højtydende hjemmesider.