feat: adopt google workbox to init PWA setup

[xiaohanyu]

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

Beta Give feedback

1. decide which lib/framework to use for PWA adoption
2. install necessary libs to project
3. check debug/production environment difference

[xiaohanyu]

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]

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]

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