All Projects → snipcart → Vue Blog Demo

snipcart / Vue Blog Demo

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

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Vue Blog Demo

Vue Ghpages Blog
[DEPRECATED] ✏️ A blog based on GitHub Pages built with Vue.js 2 + webpack 3.
Stars: ✭ 409 (-7.88%)
Mutual labels:  blog
Gatsby Starter Bee
🐝Full Package | Simple | Fresh UI | Blog Template :: Let's start to blogging with gatsby-starter-bee!
Stars: ✭ 416 (-6.31%)
Mutual labels:  blog
Mini Blog
mini-blog是一款基于云开发的博客小程序,该小程序完全不依赖任何后端服务,无需自己的网站、服务器、域名等资源,只需要自行注册小程序账号即可。
Stars: ✭ 429 (-3.38%)
Mutual labels:  blog
Rweekly.org
R Weekly
Stars: ✭ 406 (-8.56%)
Mutual labels:  blog
Hexo Theme Material
Material Design theme for hexo.
Stars: ✭ 4,028 (+807.21%)
Mutual labels:  blog
Ghost On Github Pages
Ghost on Github Pages. Build and deploy Ghost for free in a few minutes.
Stars: ✭ 421 (-5.18%)
Mutual labels:  blog
Hugo Nuo
🎨 A responsive light & clean hugo theme for blogger.
Stars: ✭ 405 (-8.78%)
Mutual labels:  blog
Mercyblitz.github.io
小马哥的技术博客 :D
Stars: ✭ 443 (-0.23%)
Mutual labels:  blog
Orchid
Build and deploy beautiful documentation sites that grow with you
Stars: ✭ 418 (-5.86%)
Mutual labels:  blog
Cg Blog
Welcome to my blog, watch, star and fork. In my blog, you can know the latest techniques and anecdotes.
Stars: ✭ 426 (-4.05%)
Mutual labels:  blog
Pelican Jupyter
Pelican plugin for blogging with Jupyter/IPython Notebooks
Stars: ✭ 410 (-7.66%)
Mutual labels:  blog
Thinkphp Bjyblog
基于 thinkphp 开发的的 blog
Stars: ✭ 411 (-7.43%)
Mutual labels:  blog
Octblog
Yet another blog system powered by Flask and MongoDB
Stars: ✭ 421 (-5.18%)
Mutual labels:  blog
Beego blog
beego+layui go入门开发 简洁美观的个人博客系统
Stars: ✭ 410 (-7.66%)
Mutual labels:  blog
Android Dev Sources
All those Android development sources that you need to be and stay awesome!
Stars: ✭ 434 (-2.25%)
Mutual labels:  blog
Freek.dev
The sourcecode of freek.dev
Stars: ✭ 407 (-8.33%)
Mutual labels:  blog
Masuit.myblogs
masuit.com个人博客站项目源码,https://masuit.com ,供参考、学习、引用、非商业性质的部署。基于.net5
Stars: ✭ 418 (-5.86%)
Mutual labels:  blog
Reverie
🎨 A ridiculously elegant Jekyll theme.
Stars: ✭ 442 (-0.45%)
Mutual labels:  blog
Utterances
🔮 A lightweight comments widget built on GitHub issues
Stars: ✭ 5,756 (+1196.4%)
Mutual labels:  blog
Front End Rss
📙 根据 RSS 抓取最新前端技术文章,来源:前端早读课、前端大全、前端之巅、淘宝前端、张鑫旭博客、凹凸实验室等
Stars: ✭ 418 (-5.86%)
Mutual labels:  blog

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.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].