Next.js (TypeScript) のプロジェクトをPWA化したのですが、忘れないうちにやり方をメモっておきます。

方法

next-pwa を使いました。

iOSはSafari限定で「ホーム画面に追加」から ...

概要

とりあえず、問い合わせフォームに入力しボタンを押したときに、警告ダイアログ(Alert)が表示されるようにしました。

問い合わせフォーム

この Alert を表示するコードは次のとおりです。

const onSub ...

工事中ですが、次のようなページをポップアップメニューから出せるとします。

ただしログインしたときだけこのページを表示するための方法について調べました。

お問い合わせページ

これを実現するには、次のようにします。