Develop DraCor towards a Progressive Web App

[markschwindt]

At the moment DraCor complies with 7 out of 14 PWA requirements:

https://web.dev/pwa-checklist/
Fast and reliable: 0/3; Installable: 1/3; PWA Optimized: 6/8

We could optimise the performance and platform compatibility (android) further to make it more accessible.

[markschwindt]

Page load is not fast enough on mobile networks
https://web.dev/load-fast-enough-for-pwa/

Current page does not respond with a 200 when offline
https://web.dev/works-offline/

start_url does not respond with a 200 when offline
https://web.dev/offline-start-url/

Does not register a service worker that controls page and start_url
https://web.dev/service-worker/

Web app manifest does not meet the installability requirements
https://web.dev/installable-manifest/

Is not configured for a custom splash screen
https://web.dev/splash-screen/

Manifest doesn't have a maskable icon
https://web.dev/maskable-icon-audit/

[cmil]

The manifest update is a good start, we are now at Fast and reliable: 0/3; Installable: 1/3; PWA Optimized: 7/8. For ticking more boxes we still need to enable the service worker. So Iet's keep this open for now.

[markschwindt]

Got to Fast and reliable: 0/3; Installable: 2/3; PWA Optimized: 8/8

[cmil]

CRA 4 does not include the serviceWorker setup by default anymore because it has some pitfalls. If we still want to go the PWA route here is how to do it: https://create-react-app.dev/docs/making-a-progressive-web-app/#offline-first-considerations.