filrak / pwa-introduction

primarly created for VueJS Roadtrip

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Vue.js PWA introduction project

NOTE: This repo is outdated in some terms but will be updated soon ;)

A Vue.js project with very simple PWA capabilities and a looooooot of comments. It uses firebase endpoint for orders - don't break it so the others can use it ;)

P.S: I ommited some good practices for the sake of simplicity. Order data should be stored in indexeddb which can be accessed from your app and service worker. You should also catch errors in your code - always (so you should also have a notification for failed order etc.) ;> A good example of properly handled eCommerce PWA is Vue Storefront

Useful links

  1. Workbox
  2. Offline cookbook - caching strategies
  3. Web app manifest

Build Setup

# install dependencies
npm install

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

# build for production with minification
npm run build

For detailed explanation on how things work, consult the docs for vue-loader.

About

primarly created for VueJS Roadtrip


Languages

Language:JavaScript 64.3%Language:Vue 21.2%Language:CSS 8.2%Language:HTML 6.3%