DEV Community

Charles Ouellet
Charles Ouellet

Posted on • Originally published at snipcart.com on

9 5

Build a Vue.Js E-Commerce App with ButterCMS Headless Backend

vuejs-ecommerce-buttercms-snipcart

"I'm a developer, not a God d*mn point & click machine."

That's my dev friend Nic. We're talking e-commerce.

Few pints in and he cranks up the ranting:

developer-ecommerce-rant

"You know what I don't like? Here:

  1. Coding in a closed ecosystem
  2. Rigid all-in-one platforms for everyone and their dog
  3. Not choosing my tech stack

If you want that Shopify site so bad, you can do it yourself, you don't need ME (dev)."

I love Nic.

And he's right: there's a plethora of cool frameworks/tools out there. Why not create a custom, kick*ss shopping experience with these instead?

Today I want to use Vue.js to show you that's possible. Because yeah, Vue.js e-commerce is a thing!

And with the right set up in the backend—headless content management, namely— it can be a darn cool thing.

Enough babbling, here's what this Vue e-commerce example will include:

  • How to create a neat, frontend Vue storefront
  • How to integrate a customizable HTML/JS cart in a Vue app
  • How to hook the Vue e-comm. app with headless ButterCMS

Now let's make my friend Nic proud, shall we?

continue reading on snipcart.com

Heroku

Build apps, not infrastructure.

Dealing with servers, hardware, and infrastructure can take up your valuable time. Discover the benefits of Heroku, the PaaS of choice for developers since 2007.

Visit Site

Top comments (0)

SurveyJS custom survey software

Build Your Own Forms without Manual Coding

SurveyJS UI libraries let you build a JSON-based form management system that integrates with any backend, giving you full control over your data with no user limits. Includes support for custom question types, skip logic, an integrated CSS editor, PDF export, real-time analytics, and more.

Learn more