noriyu.devをPWAに対応しました。

ライブラリはnext-pwa を利用しました。

業務で少しPWAを触っているのもあり、優先的に対応したかった機能です。

androidでnoriyu.devにアクセスするとホームに追加ボタンが出て、モバイルアプリのような挙動になります。

Android

iOS

iOS端末でもホーム画面に追加をするとモバイルアプリのような表示になります




今できるのはこれだけでPWA特有の機能などは未実装です。

iOS15.4ではsafariでもPush APIが出そうな気配があるのでプッシュ通知の実装でもそのうちやってみようかなと思います。
https://firt.dev/ios-15.4b

おしまい