Webudvikling
Headless Shopify
Headless bliver solgt som svaret på alt, hvad der er langsomt. Det er det ikke. Men der findes en håndfuld situationer, hvor det faktisk er det rigtige valg, og de er værd at kunne kende.
- Svar samme dag
- Fast pris
- Ingen binding
- Hydrogen og Next.js
- Storefront API
- Ærlig vurdering først
- Fuld kontrol over frontend
Ydelse
Headless Shopify
Når headless giver mening
- Butikken er én del af et større site, hvor resten kører på noget helt andet.
- Der er brug for en frontend, der ikke ligner en webshop — konfiguratorer, beregnere, tunge produktvisninger.
- Indholdet kommer fra et CMS, der er vigtigere end produktkataloget.
- Der er flere butiksfacader på tværs af markeder eller brands oven på ét katalog.
Når det ikke gør
Hvis begrundelsen er hastighed alene, så start med at rydde op i temaet og i apps. Jeg har set butikker gå fra 2,8 til 1,1 sekunder på LCP uden at røre arkitekturen.
Headless flytter også en række ting fra Shopifys ansvar til dit: sidevisninger, caching, deploys, fejlovervågning. Har I ikke nogen der vedligeholder det efter lancering, bliver det dyrere end det I sparede.
Hvordan jeg bygger det
Hydrogen, hvis butikken er kernen og du vil blive tæt på Shopifys egne værktøjer. Next.js, hvis butikken er en del af noget større, eller hvis der allerede er en Next.js-kodebase.
I begge tilfælde bruger jeg Storefront API og lader checkout blive hos Shopify. Der er ingen grund til at bygge sit eget checkout, og en del gode grunde til at lade være.
Leverance
Det får du
Konkrete leverancer, ikke en rapport med anbefalinger nogen andre skal nå at udføre.
- Ærlig vurdering først
Om headless overhovedet er svaret på jeres problem. I omkring halvdelen af de samtaler jeg har, er det ikke.
- Frontend i Hydrogen eller Next.js
Alt efter om butikken er kernen, eller om den er en del af noget større.
- Checkout bliver hos Shopify
Der er ingen grund til at bygge sit eget checkout og en del gode grunde til at lade være.
- CMS hvis indholdet skal redigeres
Temaeditoren forsvinder med headless. Den omkostning skal med i regnestykket fra start.
Proces
Sådan foregår det
Fire trin. Du ved hvad der sker hvornår, og du kan stoppe efter hvert af dem.
- 01
Vi taler sammen
Tyve minutter, hvor du fortæller hvad der driller, og jeg stiller de spørgsmål der afgør omfanget. Jeg siger til med det samme, hvis opgaven ikke er noget for mig.
- 02
Jeg kigger i koden
Før jeg giver en pris, bruger jeg en halv til en hel dag på at læse projektet igennem. Du får en ærlig vurdering af tilstanden — også hvis den er værre, end du håbede.
- 03
Fast pris og afgrænsning
Du får et skriftligt tilbud med hvad der er med, hvad der ikke er, og hvornår det er færdigt. Ikke et interval på tre måneder, du ikke kan planlægge efter.
- 04
Levering i din workflow
Jeg arbejder i dit git-repo og laver pull requests der kan reviewes. Alt hvad jeg rører ved bliver dokumenteret, så viden ikke forsvinder ud af døren med mig.
Hvem laver arbejdet
Det er mig, du kommer til at arbejde sammen med
Jeg hedder Mikkel og har kodet til web siden 2010. Der er ingen projektleder imellem os, og du får ikke en junior på opgaven, fordi den erfarne var optaget. Det du aftaler, er det der bliver lavet, og det er mig der laver det.
Til daglig er jeg partner i Bigum&Co og har været inde over mere end 400 projekter på tværs af e-handel, medicinal, byggeri og offentlig sektor. Ring eller skriv — jeg svarer som regel samme dag, og jeg siger til med det samme, hvis opgaven ikke er noget for mig.
- Erfaring
- 16 år
- Projekter
- 400+
- Anmeldelser
- 5,0
- Svartid
- Samme dag
I dybden
Headless Shopify
Hvornår headless er svaret, og hvornår det ikke er
Headless bliver solgt som løsningen på alt, der er langsomt, og det er den ikke. Men der findes en håndfuld situationer, hvor det faktisk er det rigtige valg, og de er værd at kunne kende fra hinanden.
Det giver mening, når butikken er én del af et større site, hvor resten kører på noget helt andet. Når der er brug for en frontend, der ikke ligner en webshop — konfiguratorer, beregnere, tunge produktvisninger. Når indholdet kommer fra et CMS, der er vigtigere end produktkataloget. Eller når der er flere butiksfacader på tværs af markeder eller brands oven på ét katalog.
Det giver ikke mening, hvis begrundelsen er hastighed alene. Jeg har set butikker gå fra 2,8 til 1,1 sekunder på LCP ved at rydde op i tema og apps, uden at røre arkitekturen. Det er en uges arbejde mod et projekt på flere måneder.
Og der er en løbende omkostning, som sjældent bliver nævnt: headless flytter en række ting fra Shopifys ansvar til jeres. Sidevisninger, caching, deploys, fejlovervågning. Har I ikke nogen der vedligeholder det efter lancering, bliver det dyrere end det, I sparede.
Hvad I mister, og hvad I får
I mister temaeditoren. Det lyder som en detalje og er det ikke — det er der, marketing i dag selv kan flytte en sektion op eller ned uden at spørge nogen. Skal det stadig kunne lade sig gøre, skal der et CMS på, og det er en selvstændig omkostning i både licens og opsætning.
I mister også en del apps. Alle de apps, der virker ved at indsætte noget i temaet, holder op med at virke. Apps der arbejder i backend på ordrer, lager og kunder, kører videre uden problemer. Det er en af de første ting jeg kortlægger, fordi listen tit indeholder mindst én app, ingen kan undvære.
Til gengæld får I fuld kontrol over frontenden. Ingen begrænsninger fra hvad et tema kan, ingen scripts I ikke har bedt om, og mulighed for at bygge præcis den oplevelse produktet kræver. For nogle butikker er det afgørende. For de fleste er det ikke.
Anmeldelser
Det siger de om mig
Mikkel Tschentscher er min redningsplanke når noget haster og ingen andre kan finde ud af det.
Torben Wiese Mikkel er en mand efter mit hjerte; Eksekverer med lynets hast, har sans for detaljen og er der altid når man har brug for ham. Det fås ikke bedre.
Tini Owild Han er bare prof… super kompetent og præcis, har gode indspark, og er en kæmpe støtte.
Carsten Johan Thessen
Ydelser
Hvorfor mig
- 16 års erfaring
Jeg har kodet til web siden 2010 og set de fleste måder et projekt kan køre af sporet på. Det gør estimaterne mere ærlige.
- 400+ projekter
På tværs af e-handel, medicinal, byggeri og offentlig sektor. Der er stor sandsynlighed for, at jeg har set noget der ligner din opgave før.
- Du taler med den der koder
Ingen projektleder imellem os, og ingen junior på opgaven fordi den erfarne var optaget. Det du aftaler, er det der bliver lavet.
Brands jeg har arbejdet med
Et udpluk. Nogle som freelancer, nogle gennem bureau, nogle over flere år.
Spørgsmål
Ofte stillede spørgsmål
- Mister vi Shopifys temaeditor?
- Ja, den forsvinder. Derfor sætter jeg som regel et CMS på, hvis indholdet skal kunne redigeres uden udvikler. Det er en omkostning, der skal med i regnestykket fra start.
- Virker vores apps stadig?
- Nogle gør, mange gør ikke. Apps der indsætter noget i temaet, virker ikke længere. Apps der arbejder i backend på ordrer og lager, kører videre. Det er en af de første ting jeg gennemgår.
- Kan vi gå tilbage?
- Ja, produktdataene ligger stadig i Shopify. Men det er et projekt at gå begge veje, så beslutningen bør tages på ordentligt grundlag frem for på en fornemmelse.
- Kan vi gå tilbage bagefter?
- Ja, produktdataene ligger stadig i Shopify. Men det er et projekt at gå begge veje, så beslutningen bør tages på ordentligt grundlag frem for på en fornemmelse.
- Hvad koster det at drive?
- Hosting af frontenden, eventuelt et CMS, og den tid det tager at vedligeholde det. Det sidste er den post, der oftest bliver glemt, og den er større end de to første tilsammen.
- Hydrogen eller Next.js?
- Hydrogen hvis butikken er kernen, og I vil blive tæt på Shopifys egne værktøjer. Next.js hvis butikken er en del af noget større, eller hvis der allerede er en Next.js-kodebase i huset.