Vue Blog Pwa: A Progressive Web App Blog Built with Vue.js and Django

Simple blog - Vue2-pwa

Simple blog based on django-tastypie REST apis built with Vuejs2-pwa. It covers on how a vue js app can be structured along with basic authentication in place. How components can be built to achieve overall desired functionality without repeating the code everytime.

Light house score for pwa: 91/100

Using High resoultion images on the home screen, which is why the app load takes time and thus it has low score in performance.

Working demo can be found here -> demo

Plugins used:


  • The App is currently deployed on heroku hence it is little slow. Even the backend is deployed on Heroku.

Items covered:

  • Authentication
  • Creating posts
  • Manipulating UI as per STATE

To do:

  • Add comments functionality
  • Redirect if not authenticated or donot show the content
  • Add tags functionality

Build Setup

# install dependencies
npm install

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

# build for production with minification
npm run build


  "presets": [
    ["env", {
      "modules": false,
      "targets": {
        "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
  "plugins": ["transform-runtime"],
  "env": {
    "test": {
      "presets": ["env", "stage-2"],
      "plugins": [ "istanbul" ]


root = true

charset = utf-8
indent_style = space
indent_size = 2
end_of_line = lf
insert_final_newline = true
trim_trailing_whitespace = true





module.exports = {
  root: true,
  parser: 'babel-eslint',
  parserOptions: {
    sourceType: 'module'
  env: {
    browser: true,
  extends: 'standard',
  // required to lint *.vue files
  plugins: [
  // add your custom rules here
  'rules': {
    // allow paren-less arrow functions
    'arrow-parens': 0,
    // allow async-await
    'generator-star-spacing': 0,
    // allow debugger during development
    'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0



# Editor directories and files

Download details:

Author: deepak-singh

#vue #vuejs #javascript 

Vue Blog Pwa: A Progressive Web App Blog Built with Vue.js and Django
1.00 GEEK