Vue Storefront

Förbättra hastigheten och upplevelsen för din e-handel genom att använda PWA och Vue Storefront headless front-end. Vi erbjuder marknadens skarpaste konsulter inom Vue Storefront. Nordic Web Team är även Vue Storefront core partner och vi har några av de främsta integrationerna på vårat konto.

Kontakta oss

Varför Vue Storefront

Vue Storefront är just nu en av de främsta teknikerna för headless front-end med en bred kompatibilitet. Att tekniken är headless innebär att du kan använda valfritt back-end system men samma front-end teknik.
Vue storefront är även en PWA teknik vilket innebär att den kommer att likna en app i beteende, upplevelse och hastighet.

Läs mer om PWA här. 

"Nu är tekniken för headless och PWA mogen och vår nyutvecklade Accelerator gör det möjligt för dig som e-handlare att enklare gå över till en modern tech stack och headless ehandel."

Jonas Wärngård, VD Nordic WEb TEAM

Multi plattform

Eftersom Vue är en headless teknik så är den smidig att koppla till många olika plattformar.

Blixtsnabbt

En PWA ska vara blixtsnabb och tekniken bakom gör att sidorna både känns smidiga och är riktigt snabba.

App-funktioner

Med PWA tekniken kan du tillämpa app funktioner som exempelvis offline-läge och push-notiser.

Tekniken

Vue Storefront baseras på vue.js vilket är nära besläktat till exempelvis react.js. Tekniken är helt open source, men finns också som på en enterprise & cloud modell. Det finns alltså inga begränsningar på vad du kan bygga och endast din fantasi sätter gränserna.

Precis som med all headless teknik är API first approach viktigast för denna typ av front-end. Oftast integreras Vue storefront med ett GraphQL eller REST api. GraphQL är snabbare och är det som oftast föredras.

I övrigt är teknik-stacken byggt på nuxt.js, SCSS, Storefront UI, TypeScript och Cypress. Nordic Web teams hosting sker via en Kubernetes och docker lösning för att nå en riktigt bra skalbarhet.

Vue Storefront Integrationer

Vue Storefront 2 kommer också med ett integrations-middleware för att enklare kunna integrera olika tekniker.

E-handelsplattformar

Målet för denna teknik är att vara en enhetlig front-end för alla e-handelsplattformar. I nuläget integreras den med de flesta större plattformar, några av dessa är:

  • Magento 1 & 2
  • Salesforce
  • Shopify
  • Shopware
  • Bigcommerce
  • Spryker
  • Sylius
Nordic Web Team kan arbeta med Vue Storefront till alla e-handelsplattformar och har ett extremt stort fokus på att back-end ska vara korrekt och stabilt. Integration är A & O för oss.

Headless CMS

Med en headless front-end kan du koppla på i princip vilket CMS som du vill förutsatt att det också har ett API (graphQL är att föredra). Därför finns det väldigt många integrationer som du kan koppla och en stor valfrihet. Dessa finns det stöd för idag:

  • Storyblok
  • Contentstack
  • Amplience
  • Contentful
  • LexasCMS
  • Magento Pagebuilder

Betalningslösningar

Varje marknad är unik och där är det väldigt viktigt att kunna integrera din betalningslösning. Nordic Web Team är experter på att integrera dessa tekniker. Här är några exempel på vilka tekniker som stöds idag.

  • Adyen
  • Paypal
  • Checkout.com
  • Klarna
  • Stripe
  • Apple pay
  • Google pay
  • Mollie

Övriga

Du behöver givetvis massor av andra integrationer för sök, personalisering etc. Möjligheterna för integration är oändliga och vi som partner hjälper dig att hitta rätt. Några exempel nedan

  • Algolia – Sök
  • Klevu – Sök
  • Unifaun – Transportadministration

FAQ

Vue Storefront är tillgängligt via GitHub under en MIT open source license. Det finns också möjlighet för användare att köpa en cloud vue storefront tjänst direkt från vue. En Enterprise version för vue är även tillgänglig med utökad funktionalitet. 

Ett headless back-end system / e-handelsplattform saknar en lager för att visa upp information och interagera med användarna (tänk en hemsida som du surfar in på). Vue Storefront är i detta fall ”huvudet” och ansiktet utåt med andra ord.

Alla plattformar som har ett API kan kopplas till Vue Storefront. Vi rekommenderar att använda ett modernt API som exempelvis GraphQL för att integrera för bästa möjliga prestanda.

VI har skrivit mer om PWA i allmänhet här

Vue storefront 2/next är den nya versionen av denna teknik och är vad som kommer att användas framöver för vidareutveckling av plattformen. En stor fördel är bland annat ett middleware för integrationer.

Get in touch

Were to find us

Kungsholmstorg 16 

112 21 Stockholm