from 0 to pwa with vuejs

wrapup and learnings, building the
handelsverband event app

requirements

should be accessible offline

should show agenda, speakerlist, talklist, downloads 

should have a rating system

should work app-like

should be cheap

sure what else ^^

let's
use
vuejs

hey we never done this
but how hard can it be

let's take:
1. tutorial
2. boilerplate

https://github.com/vuejs-templates/pwa * **
$ npm install -g vue-cli
$ vue init pwa my-project
$ cd my-project
$ npm install
$ npm run dev
* A full-featured PWA template with webpack, hot-reload, lint-on-save, unit testing & css extraction.

** considered deprecated


npm install -g vue-cli
vue add @vue/pwa
if you have a vue project:
https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-pwa
https://developers.google.com/web/tools/workbox/modules/workbox-webpack-plugin
the service worker comes from:

vuecli 3 way

but

this package does not 
create your vuejs scaffold

don'T panic
vue cli saves your ass


vue create <app-name>
so create a project first:
https://cli.vuejs.org/guide/creating-a-project.html#vue-create

let's dive into the code

open editor

Made with Slides.com