Kada počne novi Shopify projekat, jedna od prvih odluka koju donosim s klijentom jeste da li prodavnica treba biti klasična Liquid tema ili headless Hydrogen prodavnica. Ta odluka utiče na performanse, cijenu, brzinu razvoja i na to koliko će klijent godinama trošiti na održavanje. Prvo je poslovna, a tek onda tehnička odluka.
Stvarni primjer u ovom tekstu je Shopify Hydrogen B2B prodavnica za kompaniju koja prodaje oftalmološke uređaje. Ako istu odluku donosite za svoju prodavnicu, na stranici Shopify razvoj objašnjavam kako radim s oba pristupa.
Hydrogen je noviji, a lako je novije smatrati boljim. Ja to ne radim. Za mnoge prodavnice dobro napravljena Liquid tema je bolji i jeftiniji izbor. Evo kako odlučujem.
Šta je zapravo svaka od opcija
Liquid je Shopifyjev izvorni jezik za šablone. Liquid tema radi na Shopifyjevoj infrastrukturi, renderuje se na serveru, radi direktno s theme editorom i kompatibilna je s gotovo svakom aplikacijom iz Shopify App Storea. Nema ničega što morate hostati, a i održavanja je vrlo malo.
Hydrogen je Shopifyjev framework za headless commerce zasnovan na Reactu i izgrađen na Remixu. Shopify ostaje backend prodavnice (proizvodi, zalihe, checkout), dok je frontend prilagođena React aplikacija. Dobijate punu kontrolu nad frontendom, a s njom i punu odgovornost za hosting, keširanje i performanse.
Pitanja koja postavljam
1. Koliko su složeni katalog i kupci?
Prodavnica koja nekoliko stotina proizvoda prodaje krajnjim kupcima dobro se uklapa u Shopifyjeve standardne obrasce. Katalog tehničkih proizvoda koji se prodaju profesionalnim kupcima, s vlastitim cijenama, navikama naručivanja i potrebama za informacijama, često se ne uklapa. Što se katalog i kupci više razlikuju od standardne maloprodaje, to Hydrogen ima više smisla.
2. Da li tok kupovine mora biti prilagođen?
Liquid teme su fleksibilne, ali žive unutar Shopifyjeve strukture stranica i toka kupovine. Ako prodavnici treba tok koji Shopify ne podržava dobro, poput profesionalnog procesa naručivanja ili stranica proizvoda koje rade sasvim drugačije od standardnog šablona proizvoda, tema će vam se opirati. Hydrogen vam daje punu kontrolu nad tim tokom.
3. Šta tim može održavati?
Ovo je pitanje koje je najlakše preskočiti, a najskuplje pogrešno procijeniti. Liquid temu može održavati znatno širi krug developera, a veliki dio svakodnevnog posla može se uraditi u theme editoru. Hydrogen prodavnica je React aplikacija: ko god je održava, treba solidno znanje Reacta i frontend inženjeringa. Ako klijentov tim to ne može podržati, Hydrogen postaje dugoročna zavisnost od onoga ko ga je napravio.
4. Koliko će koštati hosting i održavanje?
Uz Liquid, Shopify hosta prodavnicu. Uz Hydrogen, vi hostate i održavate aplikaciju, pratite performanse, brinete o keširanju i ažurirate zavisnosti. To su stvarni, stalni troškovi i trebaju biti dio odluke, a ne iznenađenje nakon pokretanja.
5. Koliko prodavnica zavisi od aplikacija?
Mnoge Shopify aplikacije rade tako što ubacuju kod u Liquid temu. U headless prodavnici mnoge od njih ne rade odmah, pa se svaka mora integrisati preko API-ja ili zamijeniti prilagođenim kodom. Prodavnica koja se oslanja na dug spisak aplikacija to plaća u Hydrogen izradi.
Stvarna odluka: B2B prodavnica za oftalmologiju
Kod B2B prodavnice za oftalmologiju kupci su profesionalci koji naručuju specijalizovane uređaje, a proizvodima treba mnogo više objašnjenja nego što tipična prodavnica može prikazati. Klijent je želio i osvježen, jasno medicinski izgled te put kupovine izgrađen oko toga kako profesionalni kupci zaista naručuju. Tema bi mogla podnijeti katalog, ali bi svaki prilagođeni dio B2B toka i prikaza proizvoda bio zaobilazno rješenje unutar ograničenja teme. Hydrogen nam je dao punu kontrolu nad frontendom, bolje performanse i temelj koji klijent može nastaviti nadograđivati. Za standardnu prodavnicu za krajnje kupce s katalogom iste veličine i dalje bih preporučio Liquid.
Kada je Liquid bolji izbor
Za većinu prodavnica preporučujem Liquid kada:
- prodavnica slijedi standardne e-commerce obrasce,
- je najvažnije što brže izaći na tržište,
- klijent želi da Shopify brine o hostingu,
- tim koji će preuzeti prodavnicu ne radi svakodnevno s Reactom,
- prodavnica zavisi od nekoliko aplikacija koje se integrišu kroz temu,
- ili budžet treba ići u marketing i rad na konverzijama, a ne u infrastrukturu.
Dobro napravljena prilagođena Liquid tema može biti brza, pristupačna i prepoznatljiva. Mnogi problemi s performansama koje ljudi pripisuju Liquidu dolaze od teških aplikacija i neoptimizovanih tema, a ne od samog Liquida. Njihovo rješavanje je obično mnogo jeftinije od prelaska na headless arhitekturu.
Kako odlučujem
Razlika između Liquida i Hydrogena nije u tome koji je moderniji. Riječ je o tome šta odgovara. Liquid daje prednost stabilnosti i jednostavnosti rada. Hydrogen daje prednost fleksibilnosti i kontroli.
Moja preporuka uvijek počinje od poslovanja: kako klijent prodaje, ko kupuje, šta tim može održavati i koliko će prodavnica koštati. Stavljanje biznisa u ranoj fazi na headless arhitekturu često povećava troškove bez dodane vrijednosti. Stavljanje složenog B2B poslovanja na temu koja se opire njegovom toku kupovine košta na drugi način.
Ako niste sigurni šta odgovara vašoj prodavnici, upravo takvo pitanje volim proći na kratkom pozivu, prije nego što iko napiše ijednu liniju koda.
