Headless commerce

Kapcsolódó szolgáltatás Weboldal és webshop

MEGHATÁROZÁS

Headless commerce esetén a kosár, a katalógus, a checkout, az ár, a készlet és a rendelés-orchestration egy commerce backenden (Shopify, commercetools, Saleor, Medusa, BigCommerce) fut, és csak API-n keresztül szólítjuk meg. A frontend (Next.js, mobil app, kioszk, voice) tetszőleges, és nem kötődik a webshop sablonjához. Ami headless: a vásárlói felület és a backend szétválasztása. Ami nem headless: a Shopify Liquid theme-en futó bolt akkor sem, ha új designt kapott. Akkor ér valamit, ha több channel kell (web plus mobil plus marketplace plus POS), ha a marketing csapat naponta akar landing oldalt változtatni A/B tesztre a fejlesztők megkerülésével (CMS-szel kombinálva), vagy ha a sebesség az értékajánlat (Core Web Vitals, Edge SSR). Ha viszont egy egyszerű, 200 SKU-s D2C webshopról van szó, a klasszikus Shopify olcsóbb, gyorsabb és nem ad rosszabb conversion-t.

KAPCSOLÓDÓ FOGALMAK06

SSR (Server-Side Rendering)→
A HTML-t a szerver rendereli kérésre, minden felhasználónak frissen. Dinamikus tartalomra (dashboard) ideális, de lassabb, mint az SSG.
SSG (Static Site Generation)→
Az oldalak build-időben készülnek el HTML-ként, és egy CDN szolgálja ki őket. Szinte nulla TTFB. A DField saját oldala 111+ oldallal fut így.
ISR (Incremental Static Regeneration)→
SSG + időzített regeneráció: a HTML statikus, de megadott intervallumban újragenerálódik. Blog-cikkekhez ideális · frissesség CDN-sebességgel.
Edge rendering→
A kód a felhasználóhoz legközelebbi CDN-pontban fut (Cloudflare Workers, Vercel Edge). Dinamikus válasz ~10–50 ms TTFB-vel.
RSC (React Server Components)→
React-komponensek, amik kizárólag szerveren futnak, és nem kerülnek át a böngészőbe. Eredménye kevesebb kliens-oldali JS és gyorsabb hydration.
LCP (Largest Contentful Paint)→
A legnagyobb látható elem megjelenésének ideje. Google Core Web Vitals zöld küszöbe 2.5s alatt · mi jellemzően <1s alá lőjük a landing oldalakat.

EMLÍTÉSEK A BLOGON04