Development
Sonance
Produktværktøjer til et globalt lydbrand
Shopify-udvikling med tema-tilpasninger og produktværktøjer til en international webshop.
Besøg sonance.com
Headless Shopify
Headless Shopify med Hydrogen eller Next.js, når det faktisk giver mening
Headless Shopify bliver solgt som svaret på alt, der er langsomt, og det er det ikke. Jeg har bygget headless-løsninger i Hydrogen og Next.js og arbejdet med web siden 2010, så jeg kan give dig en ærlig vurdering af, om arkitekturen løser jeres problem, eller om en oprydning i temaet gør det samme for en brøkdel.
- Få svar samme dag
- Få en fast pris på din opgave
Headless Shopify
Hvornår headless Shopify giver mening
- Butikken er én del af et større site, hvor resten kører på noget helt andet.
- Der er brug for en butik, der ikke ligner en webshop: konfiguratorer, beregnere, tunge produktvisninger.
- Indholdet kommer fra et CMS, der er vigtigere end produktkataloget.
- Der skal drives flere butiksfacader på tværs af markeder eller brands oven på ét katalog.
Hvornå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å ansvar fra Shopify over til jer: sidevisninger, caching, deploys og fejlovervågning. Er der ingen til at vedligeholde det efter lancering, bliver det dyrere end det, I sparede.
Sådan bygger jeg headless
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 der allerede findes 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.
Det får du
Konkrete leverancer, ikke en rapport med anbefalinger nogen andre skal nå at udføre.
- Vurdering før beslutning
En ærlig gennemgang af, om headless overhovedet er svaret på jeres problem. Cirka halvdelen af gangene er det ikke.
- Butiksfacade i Hydrogen eller Next.js
Bygget på Storefront API med den teknologi, der passer til, hvor butikken skal hen.
- Checkout hos Shopify
Betalingen bliver, hvor den er sikker og vedligeholdt, mens facaden er jeres egen.
- CMS til indholdet
Temaeditoren forsvinder med headless, så redigeringen skal løses fra start, ikke opdages som et hul bagefter.
Arbejdet i praksis
Se alle casesShopify
OOONO
Shopify på tværs af markeder
Shopify-udvikling på tværs af markeder med tema-tilpasninger, tracking og løbende forbedringer af webshoppen.
Besøg ooono.com
Shopify
Joule
Et nyt AED-brand på Shopify
Shopify-site med skræddersyet tema og en visuel produktfortælling for Joules nye AED.
Besøg jouleaed.com
Sådan foregår det
Fire trin. Du ved hvad der sker hvornår, og du kan stoppe efter hvert af dem.
- 01
Vi gennemgår opgaven
Et opkald på 20-30 minutter, hvor du beskriver, hvad der skal bygges eller repareres. Jeg spørger ind til platform, adgange og deadline og siger ærligt til, hvis opgaven ligger uden for det, jeg er god til.
- 02
Gennemgang af jeres kode
Små opgaver får en pris efter en kort afklaring. Kræver et større eksisterende projekt en teknisk gennemgang først, aftaler vi pris og omfang på den gennemgang, inden jeg åbner koden.
- 03
Skriftligt tilbud med afgrænsning
Du får en fast aftale om, hvad der er med, hvad der ikke er, og hvornår det ligger klar. Ændrer omfanget sig undervejs, tager vi det åbent i stedet for at lade det skride.
- 04
Leverancer i jeres eget setup
Jeg arbejder i jeres eget repository og jeres egen hosting og leverer i bidder, du kan se og godkende. Når vi er færdige, har du koden, adgangene og en dokumentation, der gør dig uafhængig af mig.
Brands jeg har arbejdet med
Ofte stillede spørgsmål
- Hvad koster headless Shopify?
- Det afhænger af butiksfacadens omfang, om der skal CMS på til indholdet, og hvor mange app-funktioner der skal genbygges. Efter en kort afklaring af de tre ting får I et konkret tilbud, og jeg svarer samme dag. Regn under alle omstændigheder med et markant større projekt end en temabaseret butik.
- Hvad betyder headless egentlig?
- At butikkens facade bygges som sin egen applikation, mens Shopify kører produkter, ordrer og checkout bagved. De to dele taler sammen gennem Storefront API, og I bestemmer selv alt det, kunderne ser.
- Mister vi Shopifys temaeditor?
- Ja, den forsvinder. Derfor sætter jeg som regel et CMS på, hvis indholdet skal kunne redigeres uden udvikler. Den omkostning 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, mens apps, der arbejder inde i Shopify på ordrer og lager, kører videre. Jeg gennemgår listen som noget af det første.
- Kan vi gå tilbage til et almindeligt tema?
- Ja, produktdataene ligger stadig i Shopify. Men det er et projekt at gå begge veje, så beslutningen bør hvile på et ordentligt grundlag frem for en fornemmelse.
- Hydrogen eller Next.js?
- Hydrogen, hvis butikken er kernen, og I vil ligge tæt på Shopifys egne værktøjer. Next.js, hvis butikken er en del af noget større, eller der allerede er en Next.js-kodebase i huset.
- Bygger du headless for butikker uden for København?
- Ja. Den slags projekter kører fuldt remote, og jeg har kunder i både Aarhus, Odense, Aalborg og udlandet. Geografien har ingen betydning for hverken forløb eller resultat.