magento2-vsbridge-indexer VS vue-cli

Vue Storefront ironically just released React support and could be a great way solution to build off of — and it's totally backend agnostic

https://vuestorefront.io and https://github.com/ittus/vuejs-slack-clone-realtime

Vue Storefront differs from the other headless digital commerce solutions in that it’s written in vue.js and can be connected to any eCommerce platform. As an open-source frontend framework, it helps you curate customer experience, including PWA and offline functionalities.

Vue store front is also an option for e-commerce. https://vuestorefront.io

Vue Storefront was built by Bartłomiej Roszkowski, Filip Rakowski, Patrick Friday in 2017. It's an open source frontend framework written in vue.js that can be connected to any eCommerce platform.

The project was to build a kid's clothing store. We were writing the backend in Node.JS to communicate in Magento and the frontend in Vue storefront. Turns out that the other team had been working on the backend only for the last month, and the frontend is basically the default storefront installation. There's a demo in three days, and the VC will be presenting the demo himself. He says, "I'll show them the default Vue Storefront UI itself. They won't understand." Not sure if Vue Storefront has changed in the last four years or if we had changed something, but the default installation was a clothing store (Seems to be still the case, except UI was different.), so we were half good.

I am a senior web-developer and I've been playing around with new tools in the ecommerce space lately. Frameworks such as https://nextjs.org/commerce and https://vuestorefront.io/ makes it possible to easily build very custom storefronts while using Shopify or BigCommerce as a backend provider for product management and payments.

The team at Vue Storefront provides a Magento 2 module which uses Magento's native indexing functionality to index all pertinent data to ElasticSearch (ES) in a format which can be utilized by VSF. Because it hooks into the native indexing of M2, data can be automatically reindexed on Save if you wish to configure it to do so.

Immerse yourself in the official Vue CLI documentation for a deeper understanding.

Security would be a useful benefit/section to add to this post:

A.) If maintainers of your dependencies edited an existing version.

B.) If your dependencies did not pin their dependencies.

For instance, if you installed vue-cli in May of last year from NPM with --prefer-offline (basically the same as checking in your node_modules), you were fine. But because vue-cli doesn't pin its dependencies ("node-ipc"), installing fresh/online would create WITH-LOVE-FROM-AMERICA.txt on your desktop [1], which was at the very least a scare, but for some, very problematic.

[1] https://github.com/vuejs/vue-cli/issues/7054

Vue CLI documentation: https://cli.vuejs.org/

An interesting fact is that this dependency was used in vue-cli.

Vue CLI 3

Open issue for half a year https://github.com/vuejs/vue-cli/issues/7234

Vue CLI (command-line interface), which is used to install and create the main Vue framework libraries and third-party plugins.

Is there a reason you've used the old Vue CLI though, with webpack and babel?Imho you're missing a lot not using Vite... npm init vue@latest (create-vue) is the recommended way to scaffold a new Vue app, Vue CLI is in Maintenance Mode

The official Vue CLI UI is made with Vue + Apollo GraphQL. You'll know it when you run vue ui in your terminal. - https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-ui

Both Vue.js and React have their own set of tools and libraries to help developers build and maintain their applications. Vue.js has Vue CLI and Nuxt.js, while React has Create React App and Next.js.