Progressive Web Apps in WordPress

Ever fancied a native mobile app for your WordPress website? And that too on all mobile platforms? But you’re stuck up with the thought of time, costs and maintenance constraints? Wouldn’t that be amazing to be able to have a universal platform that could function both as a website as well as mobile app. Then, progressive web apps is the answer for you.

The talk shall revolve around progressive web apps, how they are revolutionizing the mobile web and you could be part of this journey also. What are its benefits, the concepts and technologies behind it. How to build one, test one, and even package and publish one. How you as a WordPress site administrator can benefit from it. Moreover, the talk shall briefly discuss the CMS support, tools, plugins to achieve app like experience, and push notifications in your progressive web app.

The talk shall also cover up about achieving the native mobile app of your WordPress website, making your website installable as an app and the getting the offline availability and offline browsing support for your WordPress website. The idea of this talk is not to eliminate the native mobile apps. However, giving awareness to website administrators and small business owners to have the possibility to have their own native mobile app with the removal of the constraints that pop up in their minds.

Transcript

1. @vineetsktalwar Progressive Web Apps in WordPress BY VINEET TALWAR
2. @vineetsktalwar #wcskp
3. @vineetsktalwar Ever fancied native mobile app of your WordPress website?
4. @vineetsktalwar But How? Time and Costs ? Maintenance ? Multiple mobile Platforms ? Their developers ? Platform specific technologies ?
5. @vineetsktalwar Answer is!!
6. @vineetsktalwar PROGRESSIVE WEB APPS (PWA) Source: chunkbytes.com
7. @vineetsktalwar What if I told you...
8. @vineetsktalwar Installable WordPress website Wait.. What ?
9. @vineetsktalwar Reliable Fast Engaging
10. @vineetsktalwar Let’s talk about HTTPS Source: Medium
11. @vineetsktalwar Push Notifications Google Firebase OneSignal SendPulse
12. @vineetsktalwar
13. @vineetsktalwar
14. @vineetsktalwar
15. @vineetsktalwar Jake Archibald at google i/o16
16. @vineetsktalwar Go Offline !!
17. @vineetsktalwar Lets talk about Service Workers Web App Manifest Installable Website
18. @vineetsktalwar Source: http://programmersvalley.blogspot.com Browser Support ?
19. @vineetsktalwar Who else is doing it ? • Twitter • Instagram • Google Maps • Uber • Tinder • Lyft • And many more..
20. @vineetsktalwar What about WordPress core support ? Feature Plugin: https://wordpress.org/plugins/pwa/
21. @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/
22. @vineetsktalwar What about native app?
23. @vineetsktalwar PWA Builder https://github.com/pwa-builder/ManifoldJS or Cordova
24. @vineetsktalwar npm install -g pwabuilder pwabuilder <website-url>
25. @vineetsktalwar What next ? Sign Test Publish
26. @vineetsktalwar 1. Lighthouse test 2. Your browser Simulator 3. Android studio or Xcode Device Emulator 4. AWS Device Farm 5. Real Device Testing
27. @vineetsktalwar Source: knowyourmeme.com Possible Issues ?
28. @vineetsktalwar Source: me.me Xcode
29. @vineetsktalwar Android Studio
30. @vineetsktalwar
31. @vineetsktalwar Thank You Email : vineet@firemudfm.com