Headless frontend för Shopware

Vad Shopware är

Shopware är en tysk e-handelsplattform med starka B2B- och B2C-funktioner, ett stort tilläggsekosystem och ett moget partnerprogram. Shopware 6 är API-first som design. Store API exponerar produkter, priser, varukorg, checkout och kontodata som REST-endpoints. En headless storefront läser från Store API och ersätter det Twig-baserade standardstorefrontet helt.

Shopwares styrka ligger i europeiska e-handelskrav: flexibla produktkatalogstrukturer, regelbaserad prissättning, B2B Suite för komplex kontohantering och ett tilläggsekosystem som täcker de flesta integrationsbehov. Det är plattformsvalet för medelstora och stora europeiska handlare som behöver en flexibel backend utan komplexiteten i Magento eller begränsningarna i en hostad plattform.

Var Frntkey passar in

Frntkey är en frontend-as-a-service som ersätter Shopware Storefront-lagret med en Nuxt.js- och Vue.js-applikation. Commerce-backenden förblir Shopware. Frntkey-storefronten ansluter till Shopware Store API via ändamålsbyggda adaptrar och renderar köpupplevelsen oberoende.

Det här är en standard headless-arkitektur: Shopware äger e-handeln, Storyblok äger innehållet, Vercel servar frontenden och Frntkey är applikationslagret som binder ihop dem. Varje lager driftsätts oberoende. Att uppdatera storefronten kräver inte att Shopware driftsätts om.

Den avgörande skillnaden mot ett Shopware-tema: ett tema är bundet till Shopware Storefront-motorn och begränsat av vad den tillåter. Frntkey är en fullständigt frikopplad frontend. Vilket UX-mönster, checkout-flöde eller innehållsstruktur som helst som kan byggas i en modern Vue-applikation är möjligt utan Shopware-begränsningar.

Vad Frntkey levererar för Shopware

Frntkey-storefronten på Shopware täcker hela siduppsättningen en handlare behöver:

• Grundsidor: Hem, kategorilisting, produktdetalj, varukorg, checkout, sökresultat, konto, orderhistorik.
• B2B-sidor: Inloggat B2B-läge, kundspecifik prislista, fakturabetalning, beställ om från historik, snabborder, inköpslistor — aktiveras där Shopware B2B Suite används.
• CMS-sidor: Landningssidor, kampanjsidor, blogg och marknadsföringsinnehåll — allt hanterat i Storyblok av redaktörer utan utvecklarens medverkan. Ersätter Shopwares Shopping Experiences.
• SEO-grund: Server-side rendering på alla sidor, strukturerad data, Open Graph, kanoniska länkar, automatisk bildoptimering. Core Web Vitals gröna vid lansering.

Förinstallerade integrationer

Varje Frntkey för Shopware-projekt aktiveras från samma fördragna baslinje:

• Betalning: Klarna, Adyen, Svea, Kustom, Walley, Vipps/MobilePay
• Frakt: Ingrid checkout delivery selector
• Sökning: Meilisearch (standard), Hello Retail, Frntkey AI Sök (tillägg)
• CRM: Voyado, Klaviyo, Rule (via GTM)
• Recensioner: Lipscore
• Presentkort: Retain24, Awardit
• Analytics: GA4, GTM, Meta Pixel, Cookiebot

Varje integration konfigureras per projekt. Den fördragna baslinjen innebär att integrationsarbetet redan är gjort när du behöver det — aktivering är konfiguration, inte utveckling.

Shopware-plugins och Store API

Shopware-plugins delas in i två kategorier för ett Frntkey-projekt. Plugins som utökar Store API — lägger till nya endpoints, berikar produktdata eller lägger till anpassade fält — fortsätter fungera med Frntkey. Nuxt-storefronten läser från samma Store API och fångar upp de tilläggen.

Plugins som renderar Twig-mallar används inte i en headless-uppsättning. De plugins hanterar typiskt saker som anpassade CMS-block eller checkout-layoutskrivningar. I ett Frntkey-projekt flyttar de funktionerna till Nuxt-lagret eller Storyblok. De flesta handlare tycker att plugin-antalet minskar påtagligt när Storefront byts ut.

När Frntkey för Shopware passar

Frntkey är rätt val för ett Shopware-projekt när storefronten behöver gå headless och kraven är seriösa men inte så distinkta att en produktifierad frontend ändå måste byggas om. De flesta B2B- och D2C-handlare på Shopware faller inom detta spann: de behöver en snabb, välbyggd storefront med den europeiska integrationsmängden, Storyblok CMS och pålitliga B2B-flöden.

Om projektet kräver ett högst anpassat checkout-flöde, ett icke-standard B2B-arbetsflöde utanför vad Frntkey täcker, eller en storefront-upplevelse så distinkt att en paketerad frontend begränsar den, är ett fullt custom-bygge på Alokai eller en specialbyggd Nuxt-applikation den mer ärliga rekommendationen. Se prissidan för vad Frntkey-prenumerationen täcker.