Stay connected

This repository contains integration between Magento and Vue Storefront Middleware. This integration is then consumed in the Nuxt 2 template that resides in this repo!

Vue Storefront 2 integration with Magento

This project is a Magento 2 integration for Vue Storefront 2.

---

How to start if you want to contribute?

Want to contribute? Ping us on magento2 channel on our Discord!

Requirements:

• NodeJS v16 or later
• Yarn (npm is not supprted yet)
• Magento >= v2.4.3 instance for GraphQL endpoint
• Change Magento GraphQL Query Complexity and Depth values

Don't forget to change the Magento GraphQL Query Complexity and Depth values Magento 2 by default has a lower value for the complexity of 300, and a higher value for the depth of 20. Magento 2 - Issue #32427

The changes are required, due to the size of the queries and mutations in the api-client implementation.

To do this changes, you can use the Magento 2 module, which adds a configuration panel to your admin, or do this changes manually.

To install the Magento 2 GraphQL Config module, on your Magento installation execute:

composer require caravelx/module-graphql-config

php bin/magento module:enable Caravel_GraphQlConfig

php bin/magento setup:upgrade

php bin/magento setup:di:compile

php bin/magento setup:static-content:deploy

Find more information about the module GraphQl Custom Config

Steps

1. Build dependencies yarn build:api-client && yarn build:composables

   yarn build:api-client && yarn build:composables

2. Run yarn dev. You can find other commands in package.json

   yarn dev

Resources

• Vue Storefront Documentation
• Magento 2 integration Documentation (WIP)
• Community Chat

Support

If you have any questions about this integration we will be happy to answer them on magento2-vsf2 channel on our Discord.

Contributors ✨

Honorable Mentions

• Caravel x
• Cyberfuze
• Leonex

Thanks go to these wonderful people 🙌:

Heitor Ramon Ribeiro 💻 🚧 📖 📆	Alef Barbeli 💻 📖	Henrique Lopes 💻 📖	Đại Lộc Lê Quang 💻	Bogdan Podlesnii 💻
Patrick Monteiro 💻	Kevin Gorjan 💻 📖	Bartosz Herba 💻 📖 🚧 🧑‍🏫 👀	Marcin Kwiatkowski 💻 📆 💼 📖 🤔 🚧 🧑‍🏫 👀	Filip Rakowski 💬 🧑‍🏫 👀
Filip Sobol 💬 🧑‍🏫 👀 📖	Patryk Andrzejewski 💬 🧑‍🏫 👀	Renan Oliveira 🔧 🔌	Dominik Deimel 💻 📖	Lior Lindvor 💻
Artur Tagisow 💻 💬 🤔 🚇 🚧 👀 ⚠️ 🔧	Jonathan Ribas 💻	Ali Ghanei 💻	Maya Shavin 📖	Alexander Devitsky 💻
Diego Alba 💻	Abdellatif EL MIZEB 💻	Beniamin Sinca 🐛 💻	maaarghk 💻	Shankar Konar 💻
Bratuniak Oleg 🐛	Drew Michael 🐛

This project follows the all-contributors specification. Contributions of any kind welcome!