https://github.com/snipcart/vue-blog-demo

A Vue.js blog demo to demonstrate proper decoupling of api data and swapping of resources/providers
https://github.com/snipcart/vue-blog-demo

blog vue vue-blog-demo vuejs

Last synced: about 16 hours ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/snipcart/vue-blog-demo
• Owner: snipcart
• Created: 2017-10-31T18:11:54.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2022-03-02T05:57:38.000Z (almost 3 years ago)
• Last Synced: 2025-01-01T14:04:34.690Z (8 days ago)
• Topics: blog, vue, vue-blog-demo, vuejs
• Language: JavaScript
• Homepage: https://snipcart.com/blog/vuejs-blog-demo
• Size: 630 KB
• Stars: 477
• Watchers: 19
• Forks: 148
• Open Issues: 7
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

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

![vuejs-blog-demo](https://snipcart.com/media/175864/build-vuejs-blog-copy.jpg)

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](https://snipcart.com/blog/vuejs-blog-demo)

> [See live demo hosted on Netlify](https://vue-blog-demo.netlify.com/)

Enjoy folks!

## Build Setup

``` bash

# 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](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).