piepworks / cassettenest-roadmap

Public roadmap for Cassette Nest
0 stars 0 forks source link

Make it a Progressive Web App (PWA) #27

Closed trey closed 1 year ago

trey commented 1 year ago

I should look into this.

Delightfully Simple PWA Toolkit | Progressier

via https://twitter.com/kvnbsst/status/1567676214546149376 (RT by slightlylate)

#PWA devs, you have to create 2 more splash screens for the new iPhones:

  • iPhone 14 Pro: 393x852 pt (1179x2556px @ 3x)
  • iPhone 14 Pro Max: 430x932 pt (1290x2796px @ 3x)

If you're a progressier.com customer, there's nothing for you to do — it's been taken care of!

trey commented 1 year ago

Learn PWA

Toolkit for building PWAs:

https://web.dev/learn/pwa/workbox/ https://developer.chrome.com/docs/workbox/

trey commented 1 year ago

Progressive Web Apps in 100 Seconds // Build a PWA from Scratch - YouTube

trey commented 1 year ago

https://progressier.com/pwa-icons-and-ios-splash-screen-generator

trey commented 1 year ago

I'm starting to seriously think about just trying out https://progressier.com/

That handles a lot of nonsense for you. Maybe I wouldn't use it forever, but it would definitely be a jump start.

trey commented 1 year ago

Although that person's Twitter looks a bit slimy. Retweeting Musk and stuff.

trey commented 1 year ago

https://www.npmjs.com/package/pwa-asset-generator

via the YouTube video

trey commented 1 year ago

Saving to the homepage from the marketing site should add the app, not the marketing site to your home screen.

trey commented 1 year ago

This seems really good: https://www.jujens.eu/posts/en/2020/Feb/29/django-pwa/

trey commented 1 year ago

Remove old “Twitter” card metadata

Image

https://github.com/trey/cassettenest/blob/main/static/img/meta-card.png?raw=true

trey commented 1 year ago

This is good. https://developer.mozilla.org/en-US/docs/Web/Manifest