title: How to present a blurred version of an image in NextJS as it's being downloaded?
body: <p>I'm looking for a similar effect as this one below:</p>
  <blockquote class="spoiler">
  <p> <a href="https://i.stack.imgur.com/9unuN.gif" rel="noreferrer"><img src="https://i.stack.imgur.com/9unuN.gif" alt="blur image effect" /></a></p>
  </blockquote>
  <p>I have done something similar with Gatsby, but I'm wondering if this is possible to do with NextJS?</p>