Next Link使用時にlazysizesでの画像更新ができない場合の対応方法
先日、lazysizesで画像を遅延読み込みさせる対応を行ったが、next/linkを使ってページ遷移をせずに動的にページ内のコンテンツを書き換えている場合に画像が更新されない現象が発生した。
調べてみるとlazysizes attribute changeという公式プラグインが用意されていたのでこれを使って解決できた。
先日、lazysizesで画像を遅延読み込みさせる対応を行ったが、next/linkを使ってページ遷移をせずに動的にページ内のコンテンツを書き換えている場合に画像が更新されない現象が発生した。
調べてみるとlazysizes attribute changeという公式プラグインが用意されていたのでこれを使って解決できた。
firebase functions:logで詳細を確認できる
padStartを使った
router.replace('/login')を使うようにした
next/Linkのprefetch設定を確認
Hook FormのControllerを使う