Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at


  • k 254 posts 651 karma points
    Aug 16, 2018 @ 07:20
    k
    0

    convert umbraco website to PWA

    Hello,

    Has someone already tried to move a website on umbraco to PWA ?

    Regards,

    Kusum

  • Jan Skovgaard 11256 posts 23495 karma points MVP 7x admin c-trib
    Aug 16, 2018 @ 07:48
    Jan Skovgaard
    101

    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

  • Harry Spyrou 199 posts 561 karma points
    Aug 16, 2018 @ 10:03
    Harry Spyrou
    0

    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

  • k 254 posts 651 karma points
    Aug 16, 2018 @ 11:22
    k
    0

    Thanks Jan and Harry :)

  • Jan Skovgaard 11256 posts 23495 karma points MVP 7x admin c-trib
    Aug 19, 2018 @ 15:44
    Jan Skovgaard
    0

    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

  • k 254 posts 651 karma points
    Aug 20, 2018 @ 09:50
    k
    0

    Thanks Jan

  • Stephen Garside 4 posts 73 karma points
    1 week ago
    Stephen Garside
    0

    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!

Please Sign in or register to post replies

Write your reply to:

Draft