Headless Shopify med Sanity og Next.js for en raskere nettbutikk
Sanity + Shopify + Next.js, headless nettbutikk som funker
Vanlige Shopify-temaer er greie å komme i gang med, men man blir fort litt låst og sidene kan bli tregere etter hvert som butikken vokser. Med headless oppsett via Sanity CMS sammen med Shopify har man derimot full frihet til å bygge akkurat det man vil.
Hvorfor Sanity og Shopify passer bra sammen
Shopify håndterer produkter, lager, betaling og handlekurv via Storefront GraphQL API. Sanity tar seg av innhold som produktsider, landingssider og kampanjer, og synkroniserer produkter via Sanity Connect. Ved å bruke et separat CMS som for eksempel Sanity har vi full kontroll på backenden og kan bygge det du har behov for i nettbutikken uten å være låst til temaene i Shopify.
Dette sys deretter sammen med Next.js slik at vi har benytte oss av SSR og ISR for rask lasting og gode resultater i Google.
Hva du egentlig får med denne løsningen?
Raskere sider: Next.js med Server Side Rendering og Incremental Static Regeneration gir topp hastighet, selv med mye innhold og produkter. Google elsker raske sider.
Enklere redigering: Redigering av innhold gjøres enkelt med en skreddersydd backend i Sanity.
Full designfrihet: En mulighet for skreddersøm som ikke er mulig via tradisjonell Shopify.
Sammenlignet med andre løsninger
Vanlige Shopify-temaer gir middels ytelse og er greie nok for små butikker, men designfriheten er lav siden du er bundet til ferdige maler. Redigering fungerer OK, men SEO blir fort begrenset når sidene ikke laster lynraskt.
WooCommerce har høy designfrihet siden alt er open source, og ytelsen er middels, men redigeringen blir potensielt kompleks med plugins og tilpasninger, mens SEO ender på middels nivå.
Med Sanity, Shopify og Next.js får du derimot topp ytelse takket være SSR/ISR, full designfrihet uten tema-begrensninger, enkel redigering i Sanity Studio, og et solid teknisk utganspunkt med tanke på SEO.