{"id":2036,"date":"2026-02-16T09:30:41","date_gmt":"2026-02-16T09:30:41","guid":{"rendered":"https:\/\/www.elitek.si\/?p=2036"},"modified":"2026-02-17T11:23:47","modified_gmt":"2026-02-17T11:23:47","slug":"kako-zasnovati-fleksibilno-in-skalabilno-headless-e-trgovino-od-arhitekture-do-izvedbe","status":"publish","type":"post","link":"https:\/\/www.elitek.si\/sl\/kako-zasnovati-fleksibilno-in-skalabilno-headless-e-trgovino-od-arhitekture-do-izvedbe\/","title":{"rendered":"Kako zasnovati fleksibilno in skalabilno headless e-trgovino: od arhitekture do izvedbe"},"content":{"rendered":"\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/www.elitek.si\/wp-content\/uploads\/2026\/02\/headless-ecommerce2.png\" alt=\"\" class=\"wp-image-1940\" style=\"width:100%;height:auto;margin-bottom: 30px;\"\/><\/figure>\n\n\n\n<p>Headless e-commerce pristop v zadnjih letih postaja vse bolj priljubljen, predvsem pri ve\u010djih in kompleksnej\u0161ih e-commerce sistemih. Res je, da zahteva nekoliko ve\u010d dela in premisleka na za\u010detku projekta, vendar se dolgoro\u010dno tak\u0161na arhitektura lahko zelo obrestuje.<\/p>\n\n\n\n<p>Pri headless pristopu je uporabni\u0161ki vmesnik (front-end) popolnoma lo\u010den od zalednega sistema (back-end). Komunikacija med front-endom (storefrontom) in back-endom poteka izklju\u010dno prek API-jev. Tak na\u010din postavitve omogo\u010da manj\u0161o kompleksnost kode, bolj\u0161o modularnost, \u201csingle source of truth\u201d ter la\u017eje razbijanje sistema na mikroservise.<\/p>\n\n\n\n<p><strong>Glavne prednosti headless e-commerce arhitekture so:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>bolj\u0161a skalabilnost,<\/li>\n\n\n\n<li>ve\u010dja fleksibilnost pri menjavi ali nadgradnji posameznih platform,<\/li>\n\n\n\n<li>neposredna povezava z zalednimi sistemi, kot so ERP, PIM, CRM in marketing orodja, brez podvajanja podatkov,<\/li>\n\n\n\n<li>la\u017eji priklop dodatnih zalednih sistemov ali drugih 3rd-party servisov..<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Kako pri\u010deti in zastaviti headless ecommerce projekt?<\/h2>\n\n\n\n<p>Najprej je treba razmisliti, katere platforme oziroma zaledni sistemi so potrebni za projekt, da pokrijejo celoten e-commerce proces.<\/p>\n\n\n\n<p>Klju\u010dna je arhitektura projekta ter medsebojno povezovanje platform v enoten storefront oziroma front-end.<\/p>\n\n\n\n<p>Spodaj je nekaj osnovnih vsebinskih sklopov oziroma podatkov, ki jih mora vsak e-commerce sistem pokriti in o katerih je smiselno razmisliti \u017ee vnaprej.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1. Vir produktov<\/h3>\n\n\n\n<p>Ali bo to e-commerce platforma ali PIM platforma? Neposredna povezava z ERP-jem za prikaz produktov obi\u010dajno ni najbolj smiselna, saj ve\u010dina ERP sistemov nima funkcionalnosti za opise produktov, slike, tehni\u010dne atribute itd.<\/p>\n\n\n\n<p>V ve\u010dini headless e-commerce projektov je vseeno treba v e-commerce platformi odpreti vsaj \u0161ifrante, da se lahko procesirajo naro\u010dila. Ve\u010dina e-commerce platform namre\u010d potrebuje odprte \u0161ifrante in cene za uspe\u0161no procesiranje naro\u010dila.<\/p>\n\n\n\n<p>Kljub temu pa lahko na front-endu pridobivate podatke, kot so slike, opisi in atributi, neposredno iz drugih zalednih sistemov.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2. Vir zalog<\/h3>\n\n\n\n<p>Zaloge je smiselno neposredno pridobivati iz ERP-ja prek ERP API-ja, kar danes ve\u010dina ERP sistemov \u017ee omogo\u010da. Tako ohranite \u201csingle source of truth\u201d za zaloge.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">3. Vir cen<\/h3>\n\n\n\n<p>V dolo\u010denih projektih je cenovna politika zelo kompleksna, zlasti v B2B segmentu, kjer ima lahko vsak kupec za vsak izdelek svojo ceno. V tak\u0161nih primerih je smiselno razmisliti o API povezavi neposredno z ERP-jem za prikaz in kon\u010dni obra\u010dun cen.<\/p>\n\n\n\n<p>Magento na primer omogo\u010da zapis \u201ccustom\u201d kon\u010dnih cen na naro\u010dilo, tudi \u010de te niso trajno shranjene v platformi.<\/p>\n\n\n\n<p>\u010ce ERP ne omogo\u010da API-ja za izra\u010dun ali prikaz cen ali \u010de je cenovna politika enostavna, se lahko cene prenesejo v e-commerce platformo. V tem primeru pa je treba dobro premisliti o a\u017eurnosti cen, zlasti v primeru promocij.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">4. Platforma za bazo uporabnikov in procesiranje nakupov<\/h3>\n\n\n\n<p>V ve\u010dini primerov je najbolje, da se za bazo uporabnikov in nakupov uporabi e-commerce platforma. Ta slu\u017ei za:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>registracijo kupcev,<\/li>\n\n\n\n<li>shranjevanje osnovnih podatkov,<\/li>\n\n\n\n<li>prijavo kupcev.<\/li>\n<\/ul>\n\n\n\n<p>Prav tako je smiselno uporabiti e-commerce platformo za procesiranje nakupov (shranjevanje naro\u010dil in podatkov o naro\u010dilih).<\/p>\n\n\n\n<p>E-commerce platforma je obi\u010dajno tudi najbolj smiselna izbira za povezavo s payment in shipping providerji, saj so za najbolj priljubljene platforme \u017ee na voljo pripravljeni moduli.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">5. CMS urejevalnik<\/h3>\n\n\n\n<p>Platforma za urejanje vsebine oziroma stati\u010dnih strani je lahko lo\u010dena (cloud CMS platforme) ali pa integrirana v e-commerce platformo. Omogo\u010da kreiranje stati\u010dnih strani ter naprednih prodajnih pristajalnih strani (landing page-ov) z mo\u017enostjo drag &amp; drop gradnikov za prikaz produktov, bannerjev itd.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">6. Search in filtriranje na kategoriji<\/h3>\n\n\n\n<p>Treba je razmisliti o glavnem iskalniku ter filtriranju izdelkov na kategorijski strani (layered navigation oziroma facets).<\/p>\n\n\n\n<p>Najbolj preprosta in cenovno ugodna re\u0161itev je uporaba iskalnika in filtriranja, ki je \u017ee del e-commerce platforme. Namre\u010d to ve\u010dina popularnih e-commerce platform omogo\u010da. V takem primeru je potrebno v spletno platformo prenesti osnovne podatke produktov kot so ime in tehni\u010dni atributi, ki se nato uporabi za filtriranje.<\/p>\n\n\n\n<p>Roko na srce, v\u010dasih pa e-commerce platforme niso najbolj\u0161e za iskanje produktov oziroma iskalnik.<\/p>\n\n\n\n<p>\u010ce prora\u010dun dopu\u0161\u010da pa je smiselno premisliti o 3th party providerjih za iskalnik in merchandising, kot so naprimer NOSTO ali Algolia. Tovrstni providerji imajo \u017ee integrirane bolj\u0161e algoritme za iskalnik, umetno inteligenco in pa tudi personalizacijo.<\/p>\n\n\n\n<p>Oba ponudnika tako NOSOT kot Algolia pa preko API-jev omogo\u010dajo napredno iskanje po produktih in pa tudi merchandising s katerim pokrijete prikaz produktov na kategoriji in pa filtriranje (facets) na kategoriji.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"630\" src=\"https:\/\/www.elitek.si\/wp-content\/uploads\/2026\/02\/grafikon-povezovanja-3.png\" alt=\"\" class=\"wp-image-2097\" srcset=\"https:\/\/www.elitek.si\/wp-content\/uploads\/2026\/02\/grafikon-povezovanja-3.png 1024w, https:\/\/www.elitek.si\/wp-content\/uploads\/2026\/02\/grafikon-povezovanja-3-300x185.png 300w, https:\/\/www.elitek.si\/wp-content\/uploads\/2026\/02\/grafikon-povezovanja-3-768x473.png 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Kdaj je smiselno uporabiti Headless E-Commerce pristop?<\/h2>\n\n\n\n<p>Headless e-commerce ni prava izbira za vsak projekt. Najve\u010d smisla ima pri <strong>ve\u010djih<\/strong> in <strong>kompleksnej\u0161ih sistemih<\/strong>, kjer je v ozadju ve\u010d zalednih sistemov in \u017eelimo ohraniti \u201csingle source of truth\u201d.<\/p>\n\n\n\n<p>Velikokrat ne \u017eelimo prena\u0161ati podatkov iz razli\u010dnih sistemov v eno e-commerce platformo, saj lahko hitro pride do neskladnosti podatkov.<\/p>\n\n\n\n<p>Tak pristop je smiseln tudi, \u010de prora\u010dun omogo\u010da modernej\u0161o arhitekturo, kjer je projekt razdeljen na mikroservise.<\/p>\n\n\n\n<p>Dodatna prednost takega pristopa je la\u017eji razvoj dodatne mobilne aplikacije, saj lahko spletna trgovina in mobilna aplikacija uporabljata iste API endpointe.<\/p>\n\n\n\n<p><strong>V kak\u0161nih primerih se tak pristop tudi dobro obnese?<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Neposreden prikaz zalog iz ERP-ja prek API-ja.<\/strong> Ni potrebe, da bi se zaloge sinhronizirale v e-commerce platformo, saj jih lahko front-end prikazuje v realnem \u010dasu prek API-ja.<\/li>\n\n\n\n<li><strong>Prikaz slik in video vsebin produktov neposredno iz PIM-a.<\/strong> Ni potrebe po sinhronizaciji slik v e-commerce platformo, saj se lahko na front-endu prikazujejo prek API-ja ali stati\u010dnih povezav (URL).<\/li>\n\n\n\n<li><strong>Neposredna integracija z marketing \/ newsletter orodji.<\/strong> Prijava na e-novice ali v druge marketin\u0161ke baze se izvede neposredno prek API-ja, brez dodatne sinhronizacije.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Front-end headless frameworks<\/h2>\n\n\n\n<p>Najve\u010dji izziv headless pristopa ni integracija z API-ji, temve\u010d pravilna postavitev front-end arhitekture.<\/p>\n\n\n\n<p>Veliko ljudi headless razume kot \u201csingle page application\u201d, vendar je to preve\u010d poenostavljeno. Pri headless e-commerce sistemih se praviloma uporablja kombinacija:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>SSR (Server-Side Rendering)<\/strong> \u2013 za SEO pomembne strani (product, category),<\/li>\n\n\n\n<li><strong>SSG (Static Site Generation)<\/strong> \u2013 za stati\u010dne vsebine,<\/li>\n\n\n\n<li><strong>ISR (Incremental Static Regeneration)<\/strong> \u2013 za dinami\u010dne, a cache-abilne strani.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Routing in URL management<\/h3>\n\n\n\n<p>Pri klasi\u010dnih monolitskih platformah URL-je upravlja platforma sama.<br>Pri headless arhitekturi pa je routing popolnoma v domeni front-enda. Ta del pa je tudi zelo pomeben iz SEO vidika.<\/p>\n\n\n\n<p>To pomeni, da mora frontend re\u0161iti:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>dinami\u010dno generiranje product URL-jev,<\/li>\n\n\n\n<li>category tree strukturo,<\/li>\n\n\n\n<li>filtracijo in paginacijo,<\/li>\n\n\n\n<li>canonical URL-je,<\/li>\n\n\n\n<li>hreflang oznake za ve\u010djezi\u010dnost,<\/li>\n\n\n\n<li>SEO metadata.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Upravljanje stanja (cart, session, avtentikacija)<\/h3>\n\n\n\n<p>Ker frontend ni ve\u010d vezan na klasi\u010den PHP session, je potrebno ro\u010dno oziroma z JS upravljati:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>customer authentication (JWT ali customer token preko GraphQL),<\/li>\n\n\n\n<li>cart ID,<\/li>\n\n\n\n<li>guest vs registered uporabnike,<\/li>\n\n\n\n<li>sinhronizacijo ko\u0161arice,<\/li>\n\n\n\n<li>obnovo sessiona.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Uporaba \u017ee prednarjenih front-end \/ storefront frameworkov<\/h2>\n\n\n\n<p>Na voljo so tudi \u017ee prednarejeni front-end frameworki za headless e-commerce. Spodaj navajam dva najbolj popularna, ki sta v koraku s \u010dasom in sodobnimi tehnologijami.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">GraphCommerce<\/h3>\n\n\n\n<p>\ud83d\udd17 <a href=\"https:\/\/www.graphcommerce.org\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/www.graphcommerce.org\/<\/a><\/p>\n\n\n\n<p>GraphCommerce je ena izmed najbolj\u0161ih out-of-the-box re\u0161itev za headless Magento:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>temelji na <strong>React + Next.js<\/strong>,<\/li>\n\n\n\n<li>\u017ee vgrajen routing in URL management,<\/li>\n\n\n\n<li>nekaj \u017ee predpripravljenih grafi\u010dnih podob \/ templejtov,<\/li>\n\n\n\n<li>pripravljene logike za:\n<ul class=\"wp-block-list\">\n<li>product page,<\/li>\n\n\n\n<li>category page,<\/li>\n\n\n\n<li>cart,<\/li>\n\n\n\n<li>checkout,<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>integracija s Hygraph CMS-jem,<\/li>\n\n\n\n<li>zelo dober <strong>Core Web Vitals score<\/strong> (80+ mobile \u017ee v osnovi).<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"510\" src=\"https:\/\/www.elitek.si\/wp-content\/uploads\/2026\/02\/graphcommerce-1024x510.png\" alt=\"\" class=\"wp-image-2071\" srcset=\"https:\/\/www.elitek.si\/wp-content\/uploads\/2026\/02\/graphcommerce-1024x510.png 1024w, https:\/\/www.elitek.si\/wp-content\/uploads\/2026\/02\/graphcommerce-300x150.png 300w, https:\/\/www.elitek.si\/wp-content\/uploads\/2026\/02\/graphcommerce-768x383.png 768w, https:\/\/www.elitek.si\/wp-content\/uploads\/2026\/02\/graphcommerce.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">VueStorefront<\/h3>\n\n\n\n<p>\ud83d\udd17 <a href=\"https:\/\/github.com\/vuestorefront\/vue-storefront\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/github.com\/vuestorefront\/vue-storefront<\/a><\/p>\n\n\n\n<p>Vue Storefront (danes Alokai) podpira:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>VueJS in React stack<\/li>\n\n\n\n<li>\u017ee pripravljena <strong>Alokai Theme &#8211;<\/strong> template z vsemi ecommerce gradniki<\/li>\n\n\n\n<li>integracija z Magento 2.<\/li>\n<\/ul>\n\n\n\n<p>Slabost:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>VueJS je vse manj popularen,<\/li>\n\n\n\n<li>vpra\u0161anje dolgoro\u010dne podpore in razvijalcev na VueJS stacku.<\/li>\n<\/ul>\n\n\n\n<p>\u0160e vedno pa je lahko dobra izbira za ekipe, ki Vue \u017ee obvladajo.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"597\" src=\"https:\/\/www.elitek.si\/wp-content\/uploads\/2026\/02\/vuestorefront-1024x597.png\" alt=\"\" class=\"wp-image-2075\" srcset=\"https:\/\/www.elitek.si\/wp-content\/uploads\/2026\/02\/vuestorefront-1024x597.png 1024w, https:\/\/www.elitek.si\/wp-content\/uploads\/2026\/02\/vuestorefront-300x175.png 300w, https:\/\/www.elitek.si\/wp-content\/uploads\/2026\/02\/vuestorefront-768x448.png 768w, https:\/\/www.elitek.si\/wp-content\/uploads\/2026\/02\/vuestorefront.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Lastna re\u0161itev za front-end<\/h2>\n\n\n\n<p>Mo\u017ena je tudi popolnoma custom re\u0161itev. Ta pristop omogo\u010da izbiro lastnega razvojnega stacka. Trenutno sta za tak\u0161ne projekte najbolj priljubljena React in Next.js.<\/p>\n\n\n\n<p>Prednost tega pristopa je, da ste pri razvoju popolnoma fleksibilni in lahko frontend razvijete po lastni presoji in zahtevah.<\/p>\n\n\n\n<p>Slabost pa je, da je potrebno veliko lastnega razvoja za routing, URL strukturo, SEO itd., pa tudi za celotno e-commerce logiko (cart, checkout, error handling).<\/p>\n\n\n\n<p>Tak pristop je smiseln predvsem za projekte z ve\u010djim prora\u010dunom in fleksibilnimi \u010dasovnimi roki.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">CMS editor-ji za headless pristop<\/h2>\n\n\n\n<p>Headless pristop omogo\u010da integracijo 3rd-party, naprednej\u0161ih CMS editorjev. Na ta na\u010din niste omejeni le na integrirane CMS-je, kot pri klasi\u010dnem monolitnem pristopu, temve\u010d lahko izbirate med \u0161irokim naborom namenskih CMS platform, ki podpirajo integracijo prek API-jev.<\/p>\n\n\n\n<p>Tak\u0161ni CMS editorji so pogosto naprednej\u0161i in omogo\u010dajo la\u017eje urejanje vsebin ter bolj\u0161o pripravo marketin\u0161kih kampanj oziroma landing page-ov.<\/p>\n\n\n\n<p>Va\u0161a marketing ekipa vam bo zelo hvale\u017ena.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Hypergraph<\/h3>\n\n\n\n<p>\ud83d\udd17 <a href=\"https:\/\/hygraph.com\/\" data-type=\"link\" data-id=\"https:\/\/hygraph.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/hygraph.com\/<\/a><\/p>\n\n\n\n<p>Hygraph je GraphQL-based headless CMS, ki se zelo dobro povezuje z modernimi front-end frameworki preko API-jev.<\/p>\n\n\n\n<p>Omogo\u010da:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>kreiranje kategorij, stati\u010dnih strani in landing page-ov,<\/li>\n\n\n\n<li>Routing \/ URL podporo.<\/li>\n\n\n\n<li>strukturirano upravljanje vsebin,<\/li>\n\n\n\n<li>veliko \u017ee pripravljenih komponent in widgetov (bannerji, hero sekcije, CTA-ji \u2026),<\/li>\n\n\n\n<li>drag &amp; drop logiko za sestavljanje strani.<\/li>\n<\/ul>\n\n\n\n<p>Zelo dobra osnova za Magento integracijo je GraphCommerce, ki ima \u017ee pripravljeno integracijo s Hygraphom.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"597\" src=\"https:\/\/www.elitek.si\/wp-content\/uploads\/2026\/02\/hypergraph-1024x597.png\" alt=\"\" class=\"wp-image-2079\" srcset=\"https:\/\/www.elitek.si\/wp-content\/uploads\/2026\/02\/hypergraph-1024x597.png 1024w, https:\/\/www.elitek.si\/wp-content\/uploads\/2026\/02\/hypergraph-300x175.png 300w, https:\/\/www.elitek.si\/wp-content\/uploads\/2026\/02\/hypergraph-768x448.png 768w, https:\/\/www.elitek.si\/wp-content\/uploads\/2026\/02\/hypergraph.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Prismic<\/h3>\n\n\n\n<p>\ud83d\udd17 <a href=\"https:\/\/prismic.io\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/prismic.io\/<\/a><\/p>\n\n\n\n<p>Prismic je tudi zelo priljubljen headless CMS, ki omogo\u010da povezovanje s frontend preko API-jev.<\/p>\n\n\n\n<p>Klju\u010dne prednosti Prismic-a:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Slice-based content model<\/strong> \u2013 vsebine se sestavljajo iz modularnih \u201cslices\u201d, kar omogo\u010da zelo fleksibilno gradnjo strani.<\/li>\n\n\n\n<li>Odli\u010dna podpora za <strong>Next.js<\/strong>, kar je pomembno pri re\u0161itvah, kot je GraphCommerce ali custom storefront.<\/li>\n\n\n\n<li>Enostavna integracija z Magento GraphQL API-jem.<\/li>\n\n\n\n<li>Drag &amp; drop princip gradnje strani<\/li>\n\n\n\n<li>Omogo\u010da tudi izdelavo product pages, category pages z routing podporo.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"597\" src=\"https:\/\/www.elitek.si\/wp-content\/uploads\/2026\/02\/prismic-1024x597.png\" alt=\"\" class=\"wp-image-2083\" srcset=\"https:\/\/www.elitek.si\/wp-content\/uploads\/2026\/02\/prismic-1024x597.png 1024w, https:\/\/www.elitek.si\/wp-content\/uploads\/2026\/02\/prismic-300x175.png 300w, https:\/\/www.elitek.si\/wp-content\/uploads\/2026\/02\/prismic-768x448.png 768w, https:\/\/www.elitek.si\/wp-content\/uploads\/2026\/02\/prismic.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Contentful<\/h3>\n\n\n\n<p>\ud83d\udd17 <a href=\"https:\/\/www.contentful.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/www.contentful.com\/<\/a><\/p>\n\n\n\n<p>Contentful je tudi zelo popularen headless CMS editor, vendar mogo\u010de nekoliko bolj usmerjen v enterprise segment za ve\u010dje organizacije \/ projekte.<\/p>\n\n\n\n<p>Prednosti Contentful-a:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>dobra podpora za <strong>ve\u010dje ekipe<\/strong>, pravice dostopov in workflow-e,<\/li>\n\n\n\n<li>odli\u010dna API podpora (GraphQL + REST),<\/li>\n\n\n\n<li>primerno za <strong>ve\u010dje, ve\u010djezi\u010dne in multi-brand<\/strong> e-commerce sisteme.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1862\" height=\"941\" src=\"https:\/\/www.elitek.si\/wp-content\/uploads\/2026\/02\/contentful-animation.gif\" alt=\"\" class=\"wp-image-2088\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Kako se Magento obnese za headless ecommerce projekte?<\/h2>\n\n\n\n<p>Magento 2 ima dobro predpripravo in na splo\u0161no ekositem za headless pristop.<\/p>\n\n\n\n<p>Na voljo so REST in GraphQL API-ji za prakti\u010dno vse e-commerce procese: produkte, kategorije, filtre, ko\u0161arico, session handling itd.<\/p>\n\n\n\n<p>Za headless implementacijo se priporo\u010da implementacijo GraphQL API-jev, saj omogo\u010dajo pridobivanje zgolj \u017eeljenih podatkov in ne celotnega objekta, kar znatno zmanj\u0161a koli\u010dino izmenjave podatkov kot tudi pove\u010da hitrost.<\/p>\n\n\n\n<p>Magento 2 ima tudi vgrajen caching za GraphQL, kar izbolj\u0161a zmogljivost in zmanj\u0161a obremenitev stre\u017enika.<\/p>\n\n\n\n<p>Ravno tako so za Magento 2 na voljo storefront frameworki kot so GraphCommerce in VueStorefront, ki bodo znatno pohitrili izvedbo projekta.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Checkout<\/h2>\n\n\n\n<p>Eden klju\u010dnih izzivov pri headless e-commerce projektu je implementacija checkouta.<\/p>\n\n\n\n<p>Kako pristopiti k implementaciji checkout postopka?<\/p>\n\n\n\n<p>Storefronti, kot sta GraphCommerce ali Vue Storefront, \u017ee ponujajo podporo za checkout ter za najbolj priljubljene payment providerje, kar znatno olaj\u0161a razvoj.<\/p>\n\n\n\n<p>V primeru, da \u017eelite implementirati manj raz\u0161irjene ali slovenske payment providerje, kot so Bankart, Leanpay ipd., pa headless podpore zanje pogosto ni na voljo. V tak\u0161nih primerih je potrebno razviti lastno integracijo oziroma podporo za te ponudnike pla\u010dil.<\/p>\n\n\n\n<p>Vredno je razmisliti tudi o mo\u017enosti fallbacka na privzeti (default) cart in checkout, ki ga omogo\u010da e-commerce platforma.<\/p>\n\n\n\n<p>V tem primeru je uporabnik preusmerjen na privzeti cart + checkout postopek. Tako lahko uporabite \u017ee integriran checkout mehanizem uporabljene e-commerce platforme ter izkoristite obstoje\u010de 3rd-party module za shipping in payment providerje.<\/p>\n\n\n\n<p>Treba pa je ustrezno re\u0161iti prenos uporabni\u0161ke seje (session) ter izdelkov oziroma ko\u0161arice na privzeti e-commerce checkout.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Zunanji 3rd-party servisi za catalog, merchandising in related products<\/h2>\n\n\n\n<p>Pri headless pristopu je smiselno razmi\u0161ljati tudi o uporabi oziroma integraciji \u201ccloud\u201d search in catalog ponudnikov.<\/p>\n\n\n\n<p>Gre za specializirane ponudnike, ki ponujajo namenske re\u0161itve za:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Iskalnik<\/li>\n\n\n\n<li>Katalog (kategorijska stran s filtracijo oziroma facets).<\/li>\n\n\n\n<li>Merchandising<\/li>\n\n\n\n<li>Personalizacija uporabni\u0161ke izku\u0161nje<\/li>\n\n\n\n<li>Auto related<\/li>\n\n\n\n<li>Integracijo AI za povezovanje izdelkov<\/li>\n<\/ul>\n\n\n\n<p>Tovrstni ponudniki imajo bistveno bolj izpopolnjene algoritme za te funkcionalnosti. \u0160e posebej pride do izraza uporaba umetne inteligence in personalizacije, kar lahko pomembno izbolj\u0161a konverzije spletne trgovine.<\/p>\n\n\n\n<p>Izpostavil bi dva ponudnika \u2013 Nosto in Algolia \u2013 s katerima smo \u017ee sodelovali pri ve\u010d projektih in sta se izkazala za zelo u\u010dinkovita.<\/p>\n\n\n\n<p>Treba pa je upo\u0161tevati, da gre za ponudnike s fiksnim mese\u010dnim pav\u0161alom, kar lahko nekoliko pove\u010da prora\u010dun projekta.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Algolia<\/h3>\n\n\n\n<p>\ud83d\udd17 <a href=\"https:\/\/www.algolia.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/www.algolia.com\/<\/a><\/p>\n\n\n\n<p>Algolia se zelo pogosto uporablja kot:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>primarni search engine (z dobro podporo za AI, sinonime, odpravljanje tipkarskih napak ipd.),<\/li>\n\n\n\n<li>orodje za category listing in filtracijo (facets),<\/li>\n\n\n\n<li>re\u0161itev za merchandising,<\/li>\n\n\n\n<li>platforma za personalizacijo,<\/li>\n\n\n\n<li>auto-related sistem s podporo AI in \u201cbig data\u201d pristopom.<\/li>\n<\/ul>\n\n\n\n<p>Prednosti Algolie v headless pristopu:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>popolnoma API-based (JavaScript) pristop na front-endu,<\/li>\n\n\n\n<li>izjemno hiter search, tudi pri velikih katalogih,<\/li>\n\n\n\n<li>zelo dobra podpora za React \/ Next.js,<\/li>\n\n\n\n<li>napreden faceted search, autocomplete in typo-tolerance.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Nosto<\/h3>\n\n\n\n<p>\ud83d\udd17 <a href=\"https:\/\/www.nosto.com\/\">https:\/\/www.nosto.com\/<\/a><\/p>\n\n\n\n<p>Nosto je zelo podobna platforma kot Algolia in ponuja primerljive funkcionalnosti.<\/p>\n\n\n\n<p>Podpira:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>search engine z AI podporo (sinonimi, odpravljanje tipkarskih napak, auto-learn ipd.),<\/li>\n\n\n\n<li>category listing in merchandising,<\/li>\n\n\n\n<li>personalizacijo vsebine,<\/li>\n\n\n\n<li>AI-based related products,<\/li>\n\n\n\n<li>dinami\u010dne bloke in sliderje,<\/li>\n\n\n\n<li>A\/B testiranje.<\/li>\n<\/ul>\n\n\n\n<p>V headless okolju:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Nosto deluje kot neodvisen servis,<\/li>\n\n\n\n<li>front-end prek API-ja pridobiva personalizirane podatke,<\/li>\n\n\n\n<li>ni neposredne odvisnosti od e-commerce platforme.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Ali ste pripravljeni na naslednjo generacijo e-trgovine?<\/h2>\n\n\n\n<p>Headless e-commerce ni zgolj tehni\u010dna nadgradnja, temve\u010d strate\u0161ka odlo\u010ditev. Omogo\u010da vam, da e-trgovino zgradite modularno, skalabilno in pripravljeno na prihodnost \u2013 brez omejitev monolitnih sistemov. Vsaka komponenta arhitekture bo opravlja svojo nalogo.<\/p>\n\n\n\n<p>Tak pristop je posebej primeren za kompleksnej\u0161a okolja, ve\u010dkanalne prodajne modele in podjetja, ki \u017eelijo dolgoro\u010dno tehnolo\u0161ko fleksibilnost ter mo\u017enost hitrega prilagajanja trgu.<\/p>\n\n\n\n<p>\u010ce razmi\u0161ljate o prehodu na headless arhitekturo ali potrebujete strokovno svetovanje pri zasnovi in razvoju tak\u0161nega projekta, smo vam z veseljem na voljo. Pomagamo vam pri arhitekturni zasnovi, izbiri ustreznih tehnologij ter celoviti izvedbi sodobne headless e-commerce re\u0161itve.<\/p>\n\n\n\n<div class=\"wp-block-cover\" style=\"min-height:150px;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-100 has-background-dim has-background-gradient\" style=\"background:linear-gradient(135deg,rgb(154,206,241) 0%,rgb(60,111,143) 100%)\"><\/span><div class=\"wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained\">\n<div class=\"wp-block-columns are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:60%\">\n<p class=\"has-text-align-left\">\u010ce razmi\u0161ljate o prehodu na headless arhitekturo ali potrebujete strokovno svetovanje pri zasnovi in razvoju tak\u0161nega projekta, <strong>smo vam z veseljem na voljo.<\/strong><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-5590e8cb wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link has-medium-font-size has-custom-font-size wp-element-button\" href=\"https:\/\/www.elitek.si\/sl\/kontaktirajte-nas\/\" style=\"border-radius:26px\">Kontaktirajte nas<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Headless e-commerce pristop v zadnjih letih postaja vse bolj priljubljen, predvsem pri ve\u010djih in kompleksnej\u0161ih e-commerce sistemih. Res je, da zahteva nekoliko ve\u010d dela in premisleka na za\u010detku projekta, vendar se dolgoro\u010dno tak\u0161na arhitektura lahko zelo obrestuje. Pri headless pristopu je uporabni\u0161ki vmesnik (front-end) popolnoma lo\u010den od zalednega sistema (back-end). Komunikacija med front-endom (storefrontom) in [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":2064,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[3],"tags":[],"class_list":["post-2036","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized-sl"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.elitek.si\/sl\/wp-json\/wp\/v2\/posts\/2036","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.elitek.si\/sl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.elitek.si\/sl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.elitek.si\/sl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.elitek.si\/sl\/wp-json\/wp\/v2\/comments?post=2036"}],"version-history":[{"count":21,"href":"https:\/\/www.elitek.si\/sl\/wp-json\/wp\/v2\/posts\/2036\/revisions"}],"predecessor-version":[{"id":2101,"href":"https:\/\/www.elitek.si\/sl\/wp-json\/wp\/v2\/posts\/2036\/revisions\/2101"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.elitek.si\/sl\/wp-json\/wp\/v2\/media\/2064"}],"wp:attachment":[{"href":"https:\/\/www.elitek.si\/sl\/wp-json\/wp\/v2\/media?parent=2036"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.elitek.si\/sl\/wp-json\/wp\/v2\/categories?post=2036"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.elitek.si\/sl\/wp-json\/wp\/v2\/tags?post=2036"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}