That's a big question - A PWA can be some sort of "simple" where one makes a custom offline shell if people for some reason loose their internet connection or it can be a lot more advanced where for details are stored in indexedDB and submitted using background sync whenever one has an internet connection again.
I'm certain that some umbracians have already got their feet wet already my point is that the topic of PWA's is quite large and what you need to do to achieve what you want could mean different approaches on how to achieve it. One needs to consider different caching strategies etc. - Should it be an offline first approach, online first approach, should it be the same approach for content and assets or should it be a different approach etc.
If you want to activate the service worker and add assets to a cache controlled by a service worker then you also need to figure out a strategy to make your service worker update on each iteration you do so changes to javascript, css etc. is discovered by the service worker and updated in the cache too. This is more a matter of dealing with your frontend build process than it necessarily has to do with Umbraco itself.
I have tried and I've been looking into this since a client is thinking about it. It has almost nothing to do with Umbraco. It has to do with basically your JavaScript skills and service workers. Try this, will give you a good insight:
Yes as Harry writes it has very little to with Umbraco really - Apart from the links that have already been shared in this thread I just remembered that Majid Hajian also did a talk about service workers at CodeGarden 18 - It was full of good explanations an practical code examples too. You can find the talk here https://vimeo.com/273475511 and download the slides from here https://codegarden18.com/sessions/lets-dive-into-service-worker/
I have converted my Umbraco website to a progressive web app. Its pretty straight forward to do and only takes 5-10 mins for simple implementations. I have created the following article that documents how to create or convert an Umbraco website to a progressive web app. Hope it helps!
convert umbraco website to PWA
Hello,
Has someone already tried to move a website on umbraco to PWA ?
Regards,
Kusum
Hi Kusum
That's a big question - A PWA can be some sort of "simple" where one makes a custom offline shell if people for some reason loose their internet connection or it can be a lot more advanced where for details are stored in indexedDB and submitted using background sync whenever one has an internet connection again.
I'm certain that some umbracians have already got their feet wet already my point is that the topic of PWA's is quite large and what you need to do to achieve what you want could mean different approaches on how to achieve it. One needs to consider different caching strategies etc. - Should it be an offline first approach, online first approach, should it be the same approach for content and assets or should it be a different approach etc.
If you want to activate the service worker and add assets to a cache controlled by a service worker then you also need to figure out a strategy to make your service worker update on each iteration you do so changes to javascript, css etc. is discovered by the service worker and updated in the cache too. This is more a matter of dealing with your frontend build process than it necessarily has to do with Umbraco itself.
Matt Brailsford did a talk about PWA's a CodeGarden 17, which I highly recommend that you watch https://vimeo.com/225213454 and you can finde the slides for the talk here http://mattbrailsford.github.io/presentations/2017/06/09/progressive-web-apps/index.html#/
I hope this helps a bit :)
/Jan
Hello,
I have tried and I've been looking into this since a client is thinking about it. It has almost nothing to do with Umbraco. It has to do with basically your JavaScript skills and service workers. Try this, will give you a good insight:
https://serviceworke.rs/
And this: https://itnext.io/service-workers-your-first-step-towards-progressive-web-apps-pwa-e4e11d1a2e85
Thanks Jan and Harry :)
Hi Kusum
Yes as Harry writes it has very little to with Umbraco really - Apart from the links that have already been shared in this thread I just remembered that Majid Hajian also did a talk about service workers at CodeGarden 18 - It was full of good explanations an practical code examples too. You can find the talk here https://vimeo.com/273475511 and download the slides from here https://codegarden18.com/sessions/lets-dive-into-service-worker/
About caching strategies I can also recommend Jake Archibald's article here - https://jakearchibald.com/2014/offline-cookbook/
Apart from that I will also recommend these two books if you're interested
Just wanted to mention this too while I remembered ;-)
/Jan
Thanks Jan
Hi Kusum
I have converted my Umbraco website to a progressive web app. Its pretty straight forward to do and only takes 5-10 mins for simple implementations. I have created the following article that documents how to create or convert an Umbraco website to a progressive web app. Hope it helps!
is working on a reply...