Structure project using Vue Storefront and Magento 2

Question

Right now I have a Magento 2 installation which is run through a customized vagrant box, and I would like to use VS for the frontend, but I’m a little confused on how to best handle deployment to different environments and how to structure the git repository in this case? I’m thinking about creating two separate repositories one for Vue Storefront and one for Magento and then run the VS part directly from my local computer, while the Magento 2 application will be run from the vagrant box. I am using the composer to install the Magento 2 part. Does this seem to be a valid setup or is there a better and more standard approach? One other thing that is confusing is the fact that the recommendation for VS is not to run Elastic search and Redis through docker containers in a production environment but instead install everything locally on the server. It seems like it could be hard to create a valid deployment for local/stage and production machines.

I would be glad for any help/tips on how to best handle this kind of setup.

Answer 1

I am currently building a vagrant environment that allows quick and easy setup of local Dev environment with magento2 and vue storefront.

https://github.com/ProxiBlue/vagrant_m2_vuestorefront

Still WIP, but already functional.

I don't like running things on my host, especially with multiple development in a team. It brings in inconsistencies in environment, with non repeatable issues.

Once done, I will be looking at version control structures (once actually working on theme etc) and then how to do a easy to live deployment using containers in the same way. (Most likely using docker compose, or kubernetes)