@vineetsktalwar
Progressive Web
Apps in WordPress
BY VINEET TALWAR
Slide 2
Slide 2 text
@vineetsktalwar
#wcskp
Slide 3
Slide 3 text
@vineetsktalwar
Ever fancied native
mobile app of your
WordPress website?
Slide 4
Slide 4 text
@vineetsktalwar
But How?
Time and Costs ?
Maintenance ?
Multiple mobile
Platforms ?
Their developers ?
Platform specific
technologies ?
Slide 5
Slide 5 text
@vineetsktalwar
Answer is!!
Slide 6
Slide 6 text
@vineetsktalwar
PROGRESSIVE WEB APPS (PWA)
Source:
chunkbytes.com
Slide 7
Slide 7 text
@vineetsktalwar
What if I told you...
Slide 8
Slide 8 text
@vineetsktalwar
Installable WordPress website
Wait.. What ?
Slide 9
Slide 9 text
@vineetsktalwar
Reliable
Fast
Engaging
Slide 10
Slide 10 text
@vineetsktalwar
Let’s talk about
HTTPS
Source: Medium
Slide 11
Slide 11 text
@vineetsktalwar
Push Notifications
Google Firebase
OneSignal
SendPulse
Slide 12
Slide 12 text
@vineetsktalwar
Slide 13
Slide 13 text
@vineetsktalwar
Slide 14
Slide 14 text
@vineetsktalwar
Slide 15
Slide 15 text
@vineetsktalwar Jake Archibald at google i/o16
Slide 16
Slide 16 text
@vineetsktalwar
Go Offline !!
Slide 17
Slide 17 text
@vineetsktalwar
Lets talk about
Service Workers
Web App Manifest
Installable Website
Slide 18
Slide 18 text
@vineetsktalwar Source:
http://programmersvalley.blogspot.com
Browser Support ?
Slide 19
Slide 19 text
@vineetsktalwar
Who else is doing it ?
• Twitter
• Instagram
• Google Maps
• Uber
• Tinder
• Lyft
• And many more..
Slide 20
Slide 20 text
@vineetsktalwar
What about WordPress
core support ?
Feature Plugin:
https://wordpress.org/plugins/pwa/
Slide 21
Slide 21 text
@vineetsktalwar
But, How do I Build one?
• Own theme with all standard PWA features.
• Plugin: Progressive WordPress – Nico Martin
https://wordpress.org/plugins/progressive-wp/
Slide 22
Slide 22 text
@vineetsktalwar
What about native app?
Slide 23
Slide 23 text
@vineetsktalwar
PWA Builder
https://github.com/pwa-builder/ManifoldJS
or
Cordova