Teknik

Frontend

Nuxt.js med Vue 3 och Tailwind CSS. Server-renderad för SEO och första laddning, hydrerad för interaktivitet. Komponentbiblioteket är gemensamt för varje Frntkey-deployment, med backend-specifika adaptrar ovanpå.

Backend-for-frontend (BFF)

Frntkey levererar ett server-side orkestreringslager som sitter mellan storefronten och commerce-API:erna. BFF:en komponerar produktdata, priser, lager och innehåll till enskilda optimerade svar, hanterar cachning och håller API-nycklar borta från webbläsaren. Det är vad som gör en produktionsheadless arkitektur snabb.

Backends

Frntkey körs idag mot Norce och Shopware. Varje backend är en egen Frntkey-version. Frontend-kärnan är gemensam. Integrationslagret är anpassat efter den backend du använder. Frntkey är inte en one-size-fits-all-storefront, utan en uppsättning underhållna versioner, en per backend.

Fler backends ligger på roadmap. Exakt vilka och när är inte beslutat ännu.

Innehåll

Storyblok levereras inbyggt. Marknadssidor, navigation, footer och SEO-metadata ligger i Storyblok. Frntkeys komponentbibliotek är registrerat som Storyblok-bloks så att redaktörer arbetar med samma primitiver som storefronten renderar.

Hosting och leverans

Frntkey driftas på Vercel. Server-side rendering och ISR körs på Vercels edge. Storyblok CDN levererar bilder via a.storyblok.com-pipelinen för bildtransformer. Norce-media serveras från Norces CDN.

Analytics och samtycke

Google Analytics 4 med Google Tag Manager är förinstallerat. Cookiebot hanterar samtycke. Meta Pixel är förinstallerat. Server-side GTM finns som tillägg.

Sök

Meilisearch levereras som standard sökleverantör. Frntkey AI Sök finns som tillägg. Hello Retail eller en annan extern sökleverantör kan kopplas in om kunden redan kör en.

Prestanda

Core Web Vitals är en del av leveransen. Frntkey-storefronts förväntas lansera med gröna LCP, INP och CLS från start. Prestanda är en egenskap hos arkitekturen, inte en finputsning i slutet av projektet.