Tobias Hartmann
Lead Frontend Devloper at Sitewards FFM - loves JavaScript and all kind of CSS coding, certified Magento Frontend Developer, ongoing speaker and contributer to hoodie.
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/pwaif 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
from 0 to pwa with vuejs
By Tobias Hartmann
