humfricz / vue-blog-demo

A Vue.js blog demo to demonstrate proper decoupling of api data and swapping of resources/providers

Home Page:https://snipcart.com/blog/vuejs-blog-demo

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

A Killer Vue.js Blog Demo: Launch in 2 Hours Tops

vuejs-blog-demo

In this demo, I'm going to provide an open source Vue.js blog demo + cover.

Steps:

  • Setup and routing
  • Displaying your blog feed with filters
  • Displaying individual posts with comments
  • Creating a custom Vue plugin to keep your data decoupled

The result will be a JAMstack-ready, truly decoupled Vue blog you can plug to any data source—more on that later.

Read full tutorial on the blog

See live demo hosted on Netlify

Enjoy folks!

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

For a detailed explanation on how things work, check out the guide and docs for vue-loader.

About

A Vue.js blog demo to demonstrate proper decoupling of api data and swapping of resources/providers

https://snipcart.com/blog/vuejs-blog-demo


Languages

Language:JavaScript 52.4%Language:CSS 30.1%Language:Vue 14.7%Language:HTML 2.7%