Next Link使用時にlazysizesでの画像更新ができない場合の対応方法
先日、lazysizesで画像を遅延読み込みさせる対応を行ったが、next/linkを使ってページ遷移をせずに動的にページ内のコンテンツを書き換えている場合に画像が更新されない現象が発生した。
調べてみるとlazysizes attribute changeという公式プラグインが用意されていたのでこれを使って解決できた。
先日、lazysizesで画像を遅延読み込みさせる対応を行ったが、next/linkを使ってページ遷移をせずに動的にページ内のコンテンツを書き換えている場合に画像が更新されない現象が発生した。
調べてみるとlazysizes attribute changeという公式プラグインが用意されていたのでこれを使って解決できた。
CNAME追加とHostingの「カスタムドメインを追加」を行う
lodashのsampleSizeを使った
Array.from(Array(n).keys())
X-Robots-Tagは付与されないので注意
router.replace('/login')を使うようにした