vue.js のページを PWA 化してキャッシュ周り調整してみようとおもって、とりあえずこちらを読んで試してみる。

Vue.jsをPWA化してService WorkerにRuntime Cacheを実装、そして公開するまで - Qiita
https://qiita.com/kawakawaryur...

Vue CLIのPWAプラグイン

$ yarn add @vue/cli-plugin-pwa --dev

$ vue add pwa

heroku に push してキャッシュされているのを確認

https://mersydev-vueblog.herokuapp.com/

GraphQL まわりのキャッシュ

んでここまでやってみて GraphQL の場合 POST でやりとりするから Workbox だとキャッシュできない。

何かしら方法を考える必要がありそう。

まずは Apollo の InMemoryCache を使えるようになる方が良さそう。