概要

俺が考える最強のPWAボイラープレートを作る。
俺が考える最強のPWAボイラープレートの構成は以下の通りだ。
next.jsもworkboxもあんまり触ったこと無いので、さぐりさぐりやっていく。

構成

以下の2つでアプリケーションを構築する。

普段よく触っているのがReactなので、ReactのIsomorphic JavaScriptフレームワークを使う。

Service Workerを作るライブラリとしてはworkboxが一強っぽいのでworkboxを使ってみる。

プラットフォームは一番手軽でタダのfirebaseを使う。

~~理解するためにもcreate-next-appは使わずに作り込んでいく。~~
→ なんかめんどくさそうなのでcreate-next-app使うことにした。

npm i -g create-next-app

create-next-app --example with-firebase-hosting-and-typescript pwa-boilerplate

{
  "projects": {
    "default": "<firebase projectId>"
  }
}

yarn run deploy

https://{projectId}.firebaseapp.com/

〜つづく〜