Nuxt.jsとNext.jsの静的アセット、Next.jsにおけるService Worker導入
Nuxt.jsの場合
Next.jsの場合
PWA対応時の課題
Nextの場合、service-workerを仮に/staticに置いたとして、/static/sw.jsみたいなURLになる。
scopeを/としたい場合にうまくいかない
service workerは自分がいる場所(URL上)より下位のページしかコントロールできない
したがって、/sw.jsみたいなURLでアクセスできる必要がある
Ideally, the service worker to be registered would be loaded from the root scope (i.e. https://my.app.com/sw.js) which, in Next.js apps, requires a custom server implementation.