Vue-storefront is a headless and backend agnostic e-commerce PWA (Progressive Web App). The best part in this is Offline mode as it managed to do this by making extensive use of the browser cache.

Overview Vuejs composition API is a uniquely designed progressive library that is built on top of JavaScript. This powerful library makes coding easier as it is specially configured to make codes shorter, organised, more readable, approachable etc. For people who have used this powerful tool, you’ll agree that it works pretty well especially looking at how it works with components & their data, methods, computed properties etc. Without a doubt, vuejs latest is pretty much self explanatory especially if you are working with small components that have limited functionality.


Directory Structure
Using External CDN
Deploy on Heroku

Environment Variables and Modes In the previous blog post we saw how to install a project using vue-cli@3 and some essential features. In this feature will see some optional but useful features with vue cli. Environment variables are quite essential to every project. We should put variables like api base url, access keys, secret keys, etc in this and can easily have different values for dev, production etc. Lets see how to do.
In one of our projects we had to explore porting a vue web app to mobile ios/android app. The project budget was small and needed an option to export existing vue to app to mobile without too much overhead. The client wanted to explore the mobile option briefly first before going for a full blown native app. To solve this problem, we tried out Capacitor worked well in our inital tests and we will follow up with a full review later on.
Code splitting is quite an interesting concept and can be used with vue router easily. PS: This an advanced topic, so its important to have a good understanding of vue-router before reading this. Let’s first understand what is the use of code splitting. If we have large project with lot of components and we build via cli the final bundle.js file can become quite large. This can cause issue during first time loading of the page as sometimes the bundle js file might go into mb’s
  • iOS/ Android Development
  • Magento
  • Shopify
  • WooCommerce
  • PrestaShop
  • Single Page Applications
  • ReactJS
  • VueJS
  • AngularJS
  • Native App with Ionic
  • React Native
  • Wordpress
  • Laravel
  • Custom CMS
  • Custom eCommerce
  • API Development
  • PHP Based Technologies
  • NodeJS