Difference between revisions of "User:Saul/pwa"

From Organic Design wiki
m (PWA's Features)
(Features)
 
Line 1: Line 1:
 
PWAs or Progressive Web Apps are the future of the internet, so this page will contain my documentation for creating these apps.
 
PWAs or Progressive Web Apps are the future of the internet, so this page will contain my documentation for creating these apps.
  
= Features =
+
== Features ==
 
* Site is served over HTTPS
 
* Site is served over HTTPS
 
* Pages are responsive on tablets & mobile devices
 
* Pages are responsive on tablets & mobile devices
Line 11: Line 11:
 
* Each page has a URL
 
* Each page has a URL
 
To see a full list check out [https://developers.google.com/web/progressive-web-apps/checklist Google's checklist].
 
To see a full list check out [https://developers.google.com/web/progressive-web-apps/checklist Google's checklist].
 +
 +
== Vue Cli 3 Install ==
 +
<source>
 +
vue add @vue/pwa
 +
</source>

Latest revision as of 22:21, 9 November 2018

PWAs or Progressive Web Apps are the future of the internet, so this page will contain my documentation for creating these apps.

Features

  • Site is served over HTTPS
  • Pages are responsive on tablets & mobile devices
  • All app URLs load while offline
  • Metadata provided for Add to Home screen
  • First load fast even on 3G
  • Site works cross-browser
  • Page transitions don't feel like they block on the network
  • Each page has a URL

To see a full list check out Google's checklist.

Vue Cli 3 Install

vue add @vue/pwa