Shopify

<div align="center"> <img src="https://user-images.githubusercontent.com/1626923/137092657-fb398d20-b592-4661-a1f9-4135db0b61d5.png" alt="Vue Storefront" height="80px" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="https://user-images.githubusercontent.com/65275444/127500448-04462002-9e92-4e02-9935-15fa2291d1b3.png" height="80px" /> </div>

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:

1. Fork this repository in your Github account
2. Clone your fork repository in your system

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

3. Checkout develop branch using git checkout develop
4. Run yarn to install dependencies
5. Build dependencies yarn build:api-client && yarn build:composables
6. Run yarn dev:theme to run theme. You can find other commands in package.json
7. 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

• Vue Storefront Documentation
• Shopify integration Documentation
• Community Chat

---

Support

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

Contributors ✨

<!-- ALL-CONTRIBUTORS-BADGE:START - Do not remove or modify this section -->

<!-- ALL-CONTRIBUTORS-BADGE:END --> <!-- ALL-CONTRIBUTORS-BADGE:END -->

Thanks goes to these wonderful people (emoji key):

<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section --> <!-- prettier-ignore-start --> <!-- markdownlint-disable --> <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=""/><br />_{<b>aureate-labs-team</b>}</a><br /><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=""/><br />_{<b>oscarmanderj</b>}</a><br /><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=""/><br />_{<b>Patryk Andrzejewski</b>}</a><br /><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=""/><br />_{<b>Filip Rakowski</b>}</a><br /><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=""/><br />_{<b>Heitor Ramon Ribeiro</b>}</a><br /><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=""/><br />_{<b>hoshino tsuyoshi</b>}</a><br /><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=""/><br />_{<b>Tom Anioł</b>}</a><br /><a href="https://github.com/vuestorefront/shopify/commits?author=tom-aniol" title="Documentation">📖</a></td> </tr> </table> <!-- markdownlint-restore --> <!-- prettier-ignore-end --> <!-- ALL-CONTRIBUTORS-LIST:END -->

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