Jeg brukte nylig litt tid på å lære det grunnleggende om Shopifys headless handel, spesielt gjennom deres "Headless at Shopify for Developers" læringsvei. Dette introduserte meg for ShopifyStorefront API, Hydrogen-rammeverket og Oxygen-vertstjenesten.
Headless handel skiller frontend fra backend, slik at utviklere kan velge sin foretrukne frontend-teknologi mens de fortsatt utnytter Shopifysin backend for å administrere produkter, bestillinger, betalinger etc. I mitt tilfelle brukte jeg Shopifys hydrogenrammeverk sammen med Remix.
Butikkfront API – En GraphQL-basert API som gir et sett med endepunkter for å hente data om produkter, bestillinger og kundeinformasjon fra Shopifys serverdel.
Hydrogen - Et rammeverk som er et sett med forhåndsbygde komponenter, kroker og verktøy bygget på React og ShopifyRemix-rammeverket, som gir utviklere verktøyene for å lage en fullt funksjonell handelsløsning. Samtidig som Hydrogen + Remix er Shopifys anbefalte oppsett, er det verdt å nevne at utviklere kan bruke andre React-baserte rammeverk som Next.js hvis de foretrekker det.
Oxygen Hosting - ShopifyOxygen hosting-tjenesten er designet for hydrogendrevne butikkfronter, og tilbyr kontinuerlige distribusjoner via GitHub, flere iscenesettelsesmiljøer som sikrer at endringer kan testes før de går live.
Sammendrag
Fra en frontend-utviklers perspektiv fant jeg Shopify sin headless tilnærming lett å komme i gang med, spesielt takket være Hydrogens forhåndsbygde komponenter. Jeg tror det er et godt alternativ for bedrifter som har spesifikke frontend-behov som en tradisjonell Shopify tema ikke ville støtte.
