Vue Storefront Review - Alles wat u moet weet

As jy inteken op 'n diens vanaf 'n skakel op hierdie bladsy, kan Reeves and Sons Beperk 'n kommissie verdien. Sien ons etiese verklaring.

Die toekoms is hier!

Ok, los alles vir 'n oomblik en luister hierna. Stel jou 'n gratis e-handelstoepassing voor wat jou aanlynwinkel se gebruikerservaring en SEO-ranglys ook drasties kan verbeter. A revolutionêre stelsel wat so buigsaam is dat dit gemaklik op enige e-handel-agtergrond kan werk.

Dink jy?

Ja, ek weet hoe dit klink, want ek was ook daar. Wel, ten minste totdat ek uiteindelik hierdie mal ding wat hulle Progressive Web Apps noem, of PWA, kortliks probeer het.

Daar is goeie redes waarom ondernemings toenemend verlief raak op PWA. Ek sal almal binnekort bekend maak. Laat ek my egter nou eers 'n spesifieke toepassing voorstel wat u sal help om die hele konsep van die gebruik van PWA te verstaan.

Al ooit gehoor van Vue Storefront?

Dit is 'n nuwe e-handelstoepassing, maar die argitektuur is niks naby aan waaraan ons al gewoond is nie. En hier is die ooreenkoms - Vue Storefront is toevallig die grootste en mees volledige PWA tot nog toe.

Maar wat beteken dit vir e-handel?

dit Vue winkelfront hersiening onthul alles wat u nodig het om te weet - wat die voorsprong van 'n progressiewe webtoepassing is, hoe Vue Storefront aan al die dinge gekoppel is, plus natuurlik die gepaardgaande e-handelsfunksies en -funksies.

Wat is 'n progressiewe webapp? 

Onthou toe ons gesê het mobiele is skaars aan die gang? Dit blyk dat ons die heeltyd reg was. En hier is die bewys.

Mobile het eerste gekom en dit het ons later aan mobiele apps bekendgestel. Toe het die apps mettertyd saamgesmelt met rekenaar- en webplatforms, want ontwikkelaars het gebruikerservaring verbeter om dit meer naatloos te maak.

Verhoogde vooruitgang op al hierdie gebiede het ons nou tot op die rand van werklik gedruk revolutionêre e-handel. So, met ander woorde, welkom by die ouderdom van PWA's.

'N Progressiewe webapp bied nou die beste van albei wêrelde - web- en mobiele apps. Meer spesifiek is 'n PWA gebou op tipiese webtegnologieë, met sommige van die nuutste JavaScript-funksies wat as die geurmiddels optree. Die eindresultaat is 'n webtoepassing waarvan die algemene intuïtiwiteit baie ooreenstem met 'n inheemse iOS- of Android-app.

Neem 'n blik op hierdie Starbucks werf. Let op iets ongewoon in vergelyking met gewone webwerwe? Probeer dit weer, maar vanaf u selfoon.

Dit blyk oënskynlik soos 'n inheemse app, of nie? Glad, naatloos en verbasend vinnig. Wel, daar is die krag van PWA.

En hoe is dit relevant vir e-handel?

Oorweeg dit. Progressiewe webapps hou gewoonlik data van gebruikersapparate en lêers wat afgelaai is in 'n kas. Dit beteken in wese dat die data onmiddellik beskikbaar is sodra versoeke van die toestel af opgewek word.

En die beste deel? U kan weet dat die laai van bladsye altyd super vinnig is, selfs al is dit te doen met uiters stadige internetsnelheid.

Die hele raamwerk word vergemaklik deur 'n dienswerker, wat basies dien as 'n brug tussen die bediener en die app. Om 'n versoek te verwerk, word dit dus gebruik van data wat reeds in die toestel se kas gehou is, terwyl dit terselfdertyd met die ooreenstemmende bedienerdata gesinkroniseer word.

Dan as gevolg van 'n eenvoudige JSON-lêer bekend as Webprogrammanifes, Progressiewe webapps vertoon normaalweg die volledige skerm om 'n aanhoudende opwindende ervaring te bied. Hierdie klein funksie is in wese interaksie met u blaaier en lei dit om die webtoepassing via dieselfde koppelvlak as slimfoontoeps te vertoon.

En dit is nie al nie. Die cache-dienswerkers gekombineer met Push API's en gevorderde blaaiertegnologie het dit moontlik gemaak om PWA's direk op die tuisskerm van u toestel te installeer. Gevolglik kan u voortgaan om dit te gebruik, selfs nadat u toestel vanlyn is. Daarbenewens kan PWA's ook stootkennisgewings ontvang.

Nou, raai wat? Google is van die begin af aan die voorpunt van Progressive Web Apps, saam met Mozilla plus Microsoft.

En nadat hulle die hele saak op verskillende projekte oor en oor getoets het, is dit wat hulle aangegaan het oor Progressive Web Apps:

  • Hulle is betroubaar- PWA's is in staat om buitengewoon vinnig te laai, selfs in slegte netwerktoestande, danksy hul dienswerkers wat kritieke hulpbronne vooraf gaan aflaai.
  • Hulle is vinnig - PWA's is bewonderenswaardig responsive wanneer jy met hulle omgaan. Hulle handhaaf konsekwent skerp animasies en gladde blaai.
  • Hulle is besig -Die gebruikerervaring hier is sonder twyfel redelik indringend. PWA's gedra hulle soos inheemse mobiele apps op die blaaier, en hulle kan maklik op u tuisskerm ingebed word. Plus, as u weer gebruikers moet aanpak wat u PWA's bestuur, kan u altyd stootkennisgewings stuur.

Een onderneming wat hierdie voordele eerstehands gesien het, is Tonder. Voorheen was hul gemiddelde app-laai tyd 11.91 sekondes. Maar na die bekendstelling van 'n PWA-weergawe wat toevallig 90% ligter was as hul inheemse Android-app, het die laai tyd aansienlik gedaal. En gevolglik het hul gebruikersvlak baie aansienlik gestyg.

Miskien sal dit jou nie oortuig nie Ubers ' verhaal sal. Deur die krag van PWA's te benut, kon die maatskappy met 'n app vorendag kom wat selfs laai op 2G het. En die ooreenstemmende laai tyd? Nou ja, hul 50 kg PWA slaag deurgaans binne minder as 3 sekondes.

Nou, ons het die oppervlak hier skaars gekrap. Daar is baie meer Sukses stories van 'n wye reeks handelsmerke. Alles te danke aan die revolutionêre vermoëns van Progressive Web Apps.

Dit gesê, kom ons gaan nou na die praktiese deel.

Dus, wat presies is Vue winkelfront?

Vue Storefront Review - Oorsig

Vue Storefront, vir die begin, is 'n open source Progressiewe webtoepassing wat ontwikkel is vir aanlynondernemings. Die hoofdoel is om digitale handelaars en ondernemings te help om hul klanteervaring te verhoog.

Gelukkig het u nie 'n gespesialiseerde e-handelsstelsel nodig om Vue Storefront te gebruik nie. Aangesien die hele raamwerk daarvan gebou is met behulp van Headless-argitektuur, moet u in staat wees om u eie backend-integrasie op te stel. Dit beteken, kortom, dat Vue Storefront 'n holisties buigsame toepassing is wat met elke e-handelsplatform kan integreer om as 'n voorpunt te dien.

Tot dusver het die ontwikkelaars dit geïntegreer Magento, Spree Commerce, Sylius, en Shopify, Vue Storefront Core Team, in noue samewerking met Shopware Team, het die inheemse Shopware PWA-integrasie ontwikkel, en Vue Storefront word 'n belangrike deel van commercetools Accelerator as 'n aanbevole open source frontend vir handelaars en die lid van MACH Alliance - die groep van tegnologiemaatskappye gestig deur commercetools, Contentstack, EPAM Systems en Valtech — om kennis oor die potensiaal van koplose tegnologie te versprei.

En as dit oorweeg word, word dit ondersteun deur meer as 70 amptelike vennote, meer as 100 lewendige projekte 'n uitgebreide gemeenskap van meer as 3000 ontwikkelaars, kan u verwag dat bykomende integrasies binnekort sal uitrol. Lyk asof Vue Storefront net aan die gang is.

Maar weer, terwyl hul innovasietempo prysenswaardig is, hoef u nie te wag vir die span van Vue Storefront om 'n integrasie vir u huidige e-handelsplatform te kry nie. Hierdie PWA is fundamenteel gekodeer Vue.js, en dit maak staat op Elasticsearch vir die databasis sowel as Node.js as dit kom by die server-API.

As u 'n ervare ontwikkelaar is, dink ek dat u reeds kan sê dat die oprigting van 'n nuwe front-end glad nie 'n uitdaging behoort te wees nie. Maar in geval van probleme, Vue winkelfront word geleer met verskeie tutoriale en uitgebreide ondersteuningsdokumentasie. U kan dit alles gebruik om uit te vind hoe u die open source-kode aanpas.

As dit klink na iets wat u wil doen, is Vue Storefront toeganklik GitHub. En interessant genoeg, dit het tot dusver meer as 7,000 sterre op die platform gelok.

Ok, glad nie sleg nie. Maar waaraan geniet handelaars presies? Vue winkelfront? Het dit regtig die funksies wat u besigheid na die volgende vlak kan stoot?

Laat my dit antwoord deur u deur verskillende eienskappe van Vue Storefront te lei.

Vue Storefront Review - belangrikste kenmerke

User Experience

Eerste dinge eerste. Hier is die belangrikste fokuspunt van gebruikerservaring, hoe werk Vue Storefront se koppelvlak presies?

Een ding wat u van Vue Storefront kan verwag, is om die toestelversperring te verbreek. Aangesien dit 'n webtoepassing is, moet u dit op enige toestel kan begin en laat loop. Dit beteken dat Vue Storefront die uitdaging uitskakel om verskeie inheemse toepassings vir elke OS te ontwikkel.

'N Ander probleem wat u via Vue Storefront kan oplos, is die grootheid van inheemse apps. Android-, iOS- en rekenaarprogramme word swaarder met die nuwe ontwikkelaars wat nuwe funksies aanbied. Daarom is appopdaterings berug omdat hulle meer geheuespasie verg.

Met Vue Storefront is dit egter amper asof ons terug is na die ouderdom van Symbian-programme. Dit gebruik baie minder data in vergelyking met inheemse apps.

En die beste is dat u kliënt van u winkel niks hoef af te laai nie. Hulle kan direk toegang tot die inheemse ervaring kry via hul webblaaiers.

In werklikheid hoef hulle nie eers aanlyn te gaan nie. Vue winkelfront stel hulle in staat om gemaklik te shop, selfs as hul toestelle vanlyn is.

Kry dit dan. Alhoewel u e-handelswebwerf uiteindelik soos 'n inheemse app optree, beskou Google dit steeds as 'n webwerf. Dus, natuurlik, sal u aanlynwinkel dienooreenkomstig geïndekseer word, net soos ander gewone webwerwe.

En hier is die ding. Die kans is goed dat u webwerf 'n groot voordeel van ander gereelde het, want Google is geneig om webwerwe met 'n vinnige laaisnelheid te bevoordeel. Dit is ook die moeite werd om op te let dat soekenjins toenemend oorskakel na eerste indeksering van mobiele toestelle.

As ons daarvan praat, beteken dit 'n goeie laai-tyd meer verkeer. Teen hierdie tyd het u waarskynlik al opgemerk dat die laai snelhede van die webblad hoë weieringstariewe veroorsaak, aangesien internetverbruikers nie daarvan hou om te wag nie. Daarom moet u met 'n verhoogde verkeersvloei u totale omskakelingskoers op lang termyn kan verbeter.

'N Ander taktiek wat u kan gebruik om dit nog verder te bevorder, is om stootkennisgewings te stuur. Met Vue Storefront kan u lei dophou deur met hulle via push-boodskappe te kommunikeer. U kan daarvan gebruik maak om promosies te doen, sowel as om verskillende produkte te verkoop en op te verkoop.

Aan die slag

Die span agter Vue Storefront het blykbaar begin Magento omdat dit een van die grootste e-handelsplatforms in die wêreld is. Boonop is dit 'n oopbronstelsel wat uitstekende funksies en onbeperkte buigsaamheid kombineer. Daarom sluit besighede en ondernemings buitengewoon aan by die Magento wa.

As u een van die vele is, kan u dadelik begin deur voordeel te trek uit Vue Storefront's Magento aansoek. Die proses is egter nie so eenvoudig as wat u dink nie.

U moet aanvanklik op werkswinkels staatmaak om u projek dienooreenkomstig te beplan. Dit beteken dat u nie net u projekomvang moet spesifiseer nie, maar ook die ooreenstemmende begroting en tyd.

Die volgende is die bewys van die konsep en die doel daarvan is om die impak te bevestig wat Vue Storefront op u ondernemings kan uitoefen. Gevolglik moet u 'n kort voorbeeld van die Vue winkelfront raamwerk terwyl verskillende toetse vir gebruikerservaring uitgevoer word.

Dit alleen kan baie handig te pas kom as u belanghebbendes moet oortuig om in die app te belê. Boonop kry u ook die kans om ingeligte besluite oor die komende bekendstelling te neem, gebaseer op hoe gebruikers reageer op die nuwe winkelweergawe.

Al met al behoort die bewys van konsep u 'n paar weke te neem - miskien hoogstens 4-6. Gebruik dan die gegewens wat u versamel het, en gebruik die Vue Storefront om 'n volledige PWA-weergawe van u e-handelswebwerf te implementeer. U kan geleidelik aan die onderliggende open source-kode werk om u besigheid in lyn te bring met die veranderende markbehoeftes.

komponente

Vue winkelfront kom met twee verskillende komponenttipes.

By die stigting het ons die Kernkomponente. Dit is gebou op grond van die fundamentele sakestrukture van tipiese aanlynwinkels. Dus, op 'n manier, bespaar hulle die moeite om alles van nuuts af te skep.

Dit gesê, die kernkomponente kan deur u werftemas gebruik word. Al wat nodig is, is eenvoudig om die gepaardgaande HTML-opmerking te stileer en te definieer.

En terwyl u besig is, sal u sien dat elke kernkomponent 'n duidelike koppelvlak bied, waarmee u maklik deur u tema kan werk.

Wel, as u klaar is met die taak, moet u die kernkomponente in elke komponentmap van elke module vind. Wend dit dan eers aan as 'n mengsel op u temas.

As ek hiervan praat, is ek seker jy het seker al die tweede tipe komponente geraai. En ja, jy het reg. Hulle is Tema-komponente, wat die voorkantuitleg verteenwoordig wat u uiteindelik op die app vertoon.

Alhoewel u u eie gespesialiseerde komponente binne 'n tema kan plaas, is die maklikste metode om sakelogika toe te pas om die kernkomponente te benut.

Storefront-temas

Alhoewel Vue Storefront steeds van vooraf ontwerpte temas gebruik maak, hoef u hulle glad nie te gebruik nie. In plaas daarvan, kan u u eie e-handels-temas skep en dit dan kombineer met die app se kernbesigheidslogika vir 'n volledige e-handelservaring.

U benodig egter HTML- en CSS-vaardighede om dit te bereik. Of alternatiewelik, huur 'n ervare ontwikkelaar om die hele proses te hanteer. Met Vue Storefront kan u selfs die kernkomponente verder aanpas as u dit nodig het.

Dink daaraan, maar dit is 'n moeilike proses om jou eie tema van nuuts af te bou. Naas, Vue winkelfront kom met sy eie soliede temas in die src / temas gids.

vue-winkelfront-temas

Die nuutste Tema 2.0, byvoorbeeld, is geskep met behulp van Google UX Kleinhandel Playbook. Dit beteken 'n goed geoptimaliseerde gebruikerservaring. Maar dit is nie al nie. Aangesien dit dinamies buigsaam is, kan u dit op verskillende maniere aanpas om u eie gespesialiseerde ontwerp te skep.

E-handel funksies

Hier is 'n paar van die e-handelsfunksies wat u op Vue Storefront vind:

  • Katalogus blaai
  • Produk blaai
  • Ondersteuning vir katalogusbestuur
  • Kliënt rekeninge
  • Klantediens
  • Bestelbestuur
  • Bemarkingsbevorderings
  • Analise en verslagdoening
  • Search Engine Optimization
  • Betaal, betaling en gestuur

Vue Storefront Review - Pryse

verkryging Vue winkelfront kos jou niks. Nie eens 'n sent nie. Koste begin eers ophoop as dit kom by die daaropvolgende aanpassingsfases.

Tensy u ervare is met kodering, sal u gedwing word om 'n span ontwikkelaars in diens te neem om Vue Storefront met u e-handelswebwerf te integreer, asook die kernkomponente en temas daarvan op te stel.

Wie moet dit oorweeg om Vue Storefront te gebruik? 

Daar word nie ontken dat Vue Storefront 'n revolutionêre hulpmiddel vir die verbetering van jou kliënt se gebruikerservaring. En aangesien dit 'n oopbron Progressive Web Application is, is dit gratis vir almal beskikbaar.

Die probleem met Vue Storefront is egter die implementeringsproses. Die inbedding van die toepassing op u e-handelswebwerf is 'n tegnies ingewikkelde proses wat swaar kodering verg. Dit is beslis nie iets wat u kan bestuur sonder koderingsvaardighede nie.

Maar dit is niks in vergelyking met die voordele van PWA's nie. Vue Storefront is die moeite werd. U kan dus oorweeg om 'n ervare ontwikkelaar te huur om dit dienooreenkomstig uit te voer. Boonop maak die Headless-argitektuur dit 'n buigsame toepassing wat ingebed kan word met enige e-handelsplatform.

Alles in ag genome dus Vue winkelfront is vir alle soorte aanlynondernemings en -ondernemings. Solank u 'n e-handelswebwerf bestuur, is hierdie Progressiewe Web-app die moeite werd om te oorweeg of u u algemene klantervaring wil verbeter.

Dit is 'n skoon gesondheidsrekening van ons hier op ecommerce-platforms.com. Nou, aan u - wat dink u?

Davis Porter

Davis Porter is 'n B2B- en B2C-e-handelsondernemer wat veral behep is met digitale verkoopplatforms, aanlynbemarking, gasheeroplossings, webontwerp, wolketegnologie, en sagteware vir klanteverhoudingsbestuur. As hy nie verskillende toepassings toets nie, sal u hom waarskynlik 'n webwerf bou, of Arsenal FC juig.

Kommentaar Kommentaar

Lewer Kommentaar

Jou e-posadres sal nie gepubliseer word nie. Verpligte velde gemerk *

Gradering *

Hierdie webwerf gebruik Akismet om spam te verminder. Leer hoe jou opmerking verwerk is.