Awesome

Stay connected

Vue Storefront 2 integration with Shopify

This project is a Shopify integration for Vue Storefront 2. This integration is Stable and ready for the production usage.

If you'd like to test it before diving in, experience our demo store here.

This integration is being developed and maintained by superheroes from Aureate Labs ❤️ <img src="https://user-images.githubusercontent.com/65275444/127497312-89dd3405-2c7b-49e9-a2ef-a8df5fad9ba2.png" height="20px" />

How to start if you want to try out the integration

yarn global add @vue-storefront/cli

vsf init <project_name> && cd <project_name> && yarn && yarn dev

How to start if you want to contribute?

Want to contribute? Ping us on #shopify channel on our Discord!

Requirements:

NodeJS v12 or later
Yarn1
A shopify store

Steps:

Fork this repository in your Github account

Clone your fork repository in your system

example:
git clone https://github.com/vuestorefront/shopify.git
cd shopify

Checkout develop branch using git checkout develop
Run yarn to install dependencies
Build dependencies yarn build:api-client && yarn build:composables
Run yarn dev:theme to run theme. You can find other commands in package.json
Open PR to develop branch

💡 If you need HMR on Api-Client/ Composables run yarn dev:api-client or yarn dev:composables on a separate terminal window.

How to report integration issue?

You can help us to make this itegration bug-free by reporting your issues here: repository issues page

Resources

Support

If you have any questions about this integration we will be happy to answer them on shopify channel on Discord.

Contributors ✨

Thanks goes to these wonderful people (emoji key):

<table> <tr> <td align="center"><a href="https://aureatelabs.com/"><img src="https://avatars.githubusercontent.com/u/65275444?v=4?s=80" width="80px;" alt=""/> aureate-labs-team</a> <a href="https://github.com/vuestorefront/shopify/commits?author=aureate-labs-team" title="Code">💻</a> <a href="https://github.com/vuestorefront/shopify/commits?author=aureate-labs-team" title="Documentation">📖</a></td> <td align="center"><a href="https://github.com/oscarmanderj"><img src="https://avatars.githubusercontent.com/u/24467529?v=4?s=80" width="80px;" alt=""/> oscarmanderj</a> <a href="https://github.com/vuestorefront/shopify/commits?author=oscarmanderj" title="Code">💻</a></td> <td align="center"><a href="https://github.com/andrzejewsky"><img src="https://avatars.githubusercontent.com/u/7943292?v=4?s=80" width="80px;" alt=""/> Patryk Andrzejewski</a> <a href="https://github.com/vuestorefront/shopify/commits?author=andrzejewsky" title="Code">💻</a></td> <td align="center"><a href="https://rakowski.dev/"><img src="https://avatars.githubusercontent.com/u/15185752?v=4?s=80" width="80px;" alt=""/> Filip Rakowski</a> <a href="https://github.com/vuestorefront/shopify/commits?author=filrak" title="Code">💻</a></td> <td align="center"><a href="https://heitor.co/"><img src="https://avatars.githubusercontent.com/u/1626923?v=4?s=80" width="80px;" alt=""/> Heitor Ramon Ribeiro</a> <a href="https://github.com/vuestorefront/shopify/commits?author=bloodf" title="Code">💻</a> <a href="#maintenance-bloodf" title="Maintenance">🚧</a></td> </tr> <tr> <td align="center"><a href="https://hoshinotsuyoshi.com/"><img src="https://avatars.githubusercontent.com/u/1394049?v=4?s=80" width="80px;" alt=""/> hoshino tsuyoshi</a> <a href="https://github.com/vuestorefront/shopify/commits?author=hoshinotsuyoshi" title="Code">💻</a></td> <td align="center"><a href="https://github.com/tom-aniol"><img src="https://avatars.githubusercontent.com/u/33483514?v=4?s=80" width="80px;" alt=""/> Tom Anioł</a> <a href="https://github.com/vuestorefront/shopify/commits?author=tom-aniol" title="Documentation">📖</a></td> </tr> </table>

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