vue-storefront | source frontend for any eCommerce | Ecommerce library

by vuestorefront TypeScript Version: v1.12.3 License: MIT

X-Ray Key Features Code Snippets Community Discussions(2)Vulnerabilities Install Support

kandi X-RAY | vue-storefront Summary

vue-storefront is a TypeScript library typically used in Web Site, Ecommerce applications. vue-storefront has no bugs, it has no vulnerabilities, it has a Permissive License and it has medium support. You can download it from GitHub.

Vue Storefront is the most popular and most advanced Frontend Platform for eCommerce.

Support

Quality

Security

License

Reuse

Support

vue-storefront has a medium active ecosystem.

It has 10240 star(s) with 2051 fork(s). There are 280 watchers for this library.

It had no major release in the last 12 months.

There are 17 open issues and 2588 have been closed. On average issues are closed in 124 days. There are 21 open pull requests and 0 closed requests.

It has a neutral sentiment in the developer community.

The latest version of vue-storefront is v1.12.3

Quality

vue-storefront has 0 bugs and 0 code smells.

Security

vue-storefront has no vulnerabilities reported, and its dependent libraries have no vulnerabilities reported.

vue-storefront code analysis shows 0 unresolved vulnerabilities.

There are 0 security hotspots that need review.

License

vue-storefront is licensed under the MIT License. This license is Permissive.

Permissive licenses have the least restrictions, and you can use them in most projects.

Reuse

vue-storefront releases are available to install and integrate.

It has 56 lines of code, 0 functions and 662 files.

It has low code complexity. Code complexity directly impacts maintainability of the code.

Top functions reviewed by kandi - BETA

kandi's functional review helps you automatically verify the functionalities of the libraries and avoid rework.
Currently covering the most popular Java, JavaScript and Python libraries. See a Sample of vue-storefront

Get all kandi verified functions for this library.

vue-storefront Key Features

No Key Features are available at this moment for vue-storefront.

vue-storefront Examples and Code Snippets

No Code Snippets are available at this moment for vue-storefront.

Community Discussions

Trending Discussions on vue-storefront

Is there a way to successful integrate Vue Storefront Nuxt with Algolia Search Routing in SSR?

Vuestorefront without SSR - asyncData not triggered

QUESTION

Is there a way to successful integrate Vue Storefront Nuxt with Algolia Search Routing in SSR?

Asked 2021-Apr-13 at 04:36

Integrating Algolia search with VSF/Next branch, got the basics down. Moving on to routing.

With Vanilla Nuxt the integration works as it should, although the workarounds are starting to stack.

To Repro:

pull && yarn && yarn run dev
http://192.168.1.4:3000/ && search for something
URL gets rewritten

checkout VSF get a flicker re-render.

To Repro:

same as above except go to /Search
URL gets rewritten for a flash then render fires and goes back to original route

What I’ve tried:

Built the two repos in isolation and it seems to not be an issue with nuxt itself, more an issue with Vue StoreFront

Reference: https://github.com/algolia/vue-instantsearch/issues/916 (tangential)

...

ANSWER

Answered 2021-Apr-13 at 04:35

Okee this has something to do with the nuxt comp passing the route

I was able to bypass it by doing this in the default template

Source https://stackoverflow.com/questions/67029206

QUESTION

Vuestorefront without SSR - asyncData not triggered

Asked 2021-Mar-14 at 14:21

I have very bad expirience with Vuestorefront rebuilding because every change in code takes about 25 second. So I decided to turn off SSR (for development) and now it takes about 3-4 seconds! ...but now there is problem with VueJs lifecycle.

What I use

Official Vuestorefront repo: https://github.com/vuestorefront/vue-storefront

Storefront is installed with: yarn, demo API, SSR endpoints and default theme. Everything works perfectly, but it is slow for development.

Optimized Webpack configuration: https://github.com/yireo-training/vsf1-local-webpack

Following tutorial in readme everything works fine, every change in code is builded in 4 second. Successful build automatically refresh website with hot-reload.

What is the problem?

I can't open any link directly (link to product, category, etc...) and can't refresh/reload any page

I find out in these cases is skipped function asyncData which preload data. For example product page: https://github.com/vuestorefront/vsf-default/blob/master/pages/Product.vue#L334 When I click on product detail from homepage, function asyncData is triggered and product page is correctly loaded but with refresh (F5) is asyncData skipped.

Product page after reload:

I tried to reimplement code from asyncData to method beforeCreated but it still doesn't work.

My question

How to force calling function asyncData?

...or is there way to reconfigure Webpack to make this work?

...or is there another way to rebuild vuestorefront faster?

...

ANSWER

Answered 2021-Mar-04 at 10:09

thanks for trying out my Webpack config. Please note that it is far from perfect and it requires a collaboration of minds to make it work in all situations.

As you have seen already in the code: The Vue meta plugin uses the metaInfo method to provide tags. The Product component again calls upon a computable getCurrentProduct computable, which again calls upon the Vuex getter product/getCurrentProduct. And again this requires the asyncData() method to be executed so that data is loaded from ElasticSearch or GraphQL.

The asyncData() is normally either executed asynchronously in the browser (duh!) or synchronously on the server when SSR is working. This means that in a default VSF1 situation, the call this.getCurrentProduct.meta_title (within the metaInfo method) will never fail, because it will depend upon something from Vuex that has been loaded synchronously before already. However, without SSR, this leads into a code issue, because the Vuex store will be filled after the metaInfo tag is executed. So it might make more sense to rewrite the metaInfo method a bit like the following:

Source https://stackoverflow.com/questions/66471008

Community Discussions, Code Snippets contain sources that include Stack Exchange Network

Vulnerabilities

No vulnerabilities reported

Install vue-storefront

You can download it from GitHub.

Support

Support the Ukraine Armed forces directly by sending funding to the special accounts. NBU Special Account to Raise Funds for Ukraine’s Armed ForcesHelp the ICRC (Red Cross) with donations. Ukrainian Red Cross SocietyDonate to the United Help Ukraine. United Help UkraineDonate to Voices of Children Voices of Children

Find more information at: