Skip to content

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

Notifications You must be signed in to change notification settings

iliutastoica/vue-blog-demo

 
 

Repository files navigation

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

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 52.5%
  • CSS 30.1%
  • Vue 14.7%
  • HTML 2.7%