Headless Shopify a Hydrogen: kedy to dáva zmysel a kedy nie

Headless znamená, že Shopify si necháte ako backend — produkty, sklad, objednávky, checkout — ale to, čo vidí zákazník, si postavíte sami. Komunikuje sa cez Storefront API a frontend býva v Reacte, často cez Hydrogen, čo je Shopify vlastný framework.

Znie to lákavo. Pri väčšine e-shopov to lákadlo nestojí za to, čo si za to zaplatíte.

Čo headless naozaj dáva

Sloboda vo frontende

Nie ste viazaní na Liquid ani na to, ako Shopify renderuje stránky. Môžete postaviť čokoľvek. Ak má značka výrazný vizuálny jazyk alebo netradičnú navigáciu katalógom, je to reálna výhoda.

Rýchlosť — ale podmienečne

Dobre postavený headless storefront môže byť výrazne rýchlejší než téma zavalená aplikáciami. Ale zle postavený headless je pomalší než priemerná téma. Rýchlosť nedostávate zadarmo, dostávate možnosť ju dosiahnuť.

Jeden frontend pre viac zdrojov

Ak spájate produkty zo Shopify s obsahom z redakčného systému, s dátami z interného systému a možno aj s inou platformou, headless je prirodzená odpoveď.

Viac trhov s odlišnými požiadavkami

Keď potrebujete pre každý trh iný frontend, ale spoločný backend.

Čo za to zaplatíte

Aplikácie prestanú fungovať

Toto je najväčší a najčastejšie podceňovaný náklad. Väčšina appiek z App Store funguje tak, že vkladá kód do témy. Bez témy nemajú kam. Recenzie, vernostný program, upsell, vyhľadávanie, prekladač — všetko si buď napíšete sami, alebo nájdete službu s vlastným API a napojíte ju.

Klienti si toto uvedomia až po spustení, keď chcú pridať appku na recenzie a zistia, že to znamená týždeň vývoja.

Editor obsahu zmizne

Klient si už nepreskladá domovskú stránku v Shopify editore. Buď si to bude pýtať od vývojára, alebo mu treba postaviť redakčný systém — čo je ďalší náklad a ďalší systém na údržbu.

Údržba

Téma je súbor v Shopify. Headless storefront je aplikácia, ktorá niekde beží, má závislosti, ktoré treba aktualizovať, a môže spadnúť. Potrebuje monitoring a niekoho, kto ho vie opraviť.

Cena

Násobne vyššia ako téma na mieru, a to platí aj pre budúce úpravy.

Kedy áno

• Máte vývojársky tím alebo dlhodobého dodávateľa.
• Frontend je konkurenčná výhoda, nie len obal na produkty.
• Spájate dáta z viacerých systémov.
• Narazili ste na konkrétny limit témy, ktorý viete pomenovať.
• Obrat je taký, že sa investícia vráti cez konverziu.

Kedy nie

• Dôvod je „chceme to moderné“.
• Nemáte, kto sa o to bude starať.
• Spoliehate sa na aplikácie z App Store.
• Klient si potrebuje sám upravovať obsah.
• Rozpočet je napnutý — potom sú lepšie investície inde.

Stredná cesta

Pri väčšine projektov, kde klient príde s požiadavkou na headless, skončíme pri dobre postavenej téme na mieru s vyladenou rýchlosťou. Dostane 90 % výsledku za 20 % ceny a nestratí editor ani appky.

Druhá stredná cesta je hybrid: klasická téma pre katalóg a checkout, samostatná rýchla aplikácia len pre tú časť, ktorá to naozaj potrebuje — konfigurátor, interaktívny nástroj, netradičný vstup do katalógu.

Headless je nástroj, nie úroveň vyspelosti. Keď neviete v jednej vete povedať, čo vám v téme nešlo, ešte ho nepotrebujete.