2022年02月20日 (日)

PWAに対応した

PWANext.jsnoriyu.dev

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

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

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

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

Android


iOS

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




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

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

おしまい