feat: adopt google workbox to init PWA setup - Githubissues

ppresume / community

Discussions, feedbacks, roadmaps, community.

57 stars 3 forks source link

feat: adopt google workbox to init PWA setup #41

Closed xiaohanyu closed 2 months ago

xiaohanyu commented 2 months ago

Description

workbox seems to be the defac to way to enable PWA for a web site. We want to integrate it and avoid re-invent wheels.

[Optional] Possible Solutions

adopt next-pwa, however this project seems not actively maintained any more, it has issue with next.js 14
adopt serwist, which is a revised fork of workbox and provides next.js support

Acceptance Criteria

setup workbox with PPResume workflow

Todo list

### Tasks
- [x] decide which lib/framework to use for PWA adoption
- [x] install necessary libs to project
- [x] check debug/production environment difference

xiaohanyu commented 2 months ago

We decided to use serwist, reasons:

it is actively maintained
next-pwa's development has been stopped for 2 years
adopt raw workbox requires too much labor.

xiaohanyu commented 2 months ago

There're some difference for cache behaviour when process.env.NODE_ENV is switching from development to production

the cache storage won't be populated when process.env.NODE_ENV is development, check code here

xiaohanyu commented 2 months ago

Overall serwist is pretty good, though its docs is not very complete.