Using BlurDataUrl in NextJs

masahiro-miyagi-xk0-YHAn3dzk-unsplash
Image 1 is stored locally and does not use a placeholder.
masahiro-miyagi-xk0-YHAn3dzk-unsplash
Image 2 is stored locally and uses a placeholder.
Image 3 is stored remotely but does not use a placeholder.
https://i.ibb.co/5MMtXQQ/masahiro-miyagi-t-Hz-Ai-Axe-GBo-unsplash.jpg
Image 4 stored remotely and uses our getBase64FromUrl function.
https://i.ibb.co/5MMtXQQ/masahiro-miyagi-t-Hz-Ai-Axe-GBo-unsplash.jpg
Image 4 is stored remotely and uses a placeholder.
https://i.ibb.co/2kWYRTr/masahiro-miyagi-Lfoh1h1azok-unsplash.jpg
Image 5 is stored remotely and uses a placeholder.
https://i.ibb.co/k0q96sB/masahiro-miyagi-WKd-Unta23es-unsplash.jpg
Image 6 is stored remotely and uses a placeholder.
https://i.ibb.co/fCLPwgK/masahiro-miyagi-4-NM1ez-ta-I-unsplash-1.jpg
Image 7 is stored remotely and uses a placeholder.
https://i.ibb.co/QQ4hLRf/masahiro-miyagi-xk0-YHAn3dzk-unsplash-3.jpg
Image 8 is stored remotely and uses a placeholder.