title: Nextjs check if initial render was done on server side
body: <p>I have an image lazy load component that just renders the image src when on the server, and renders a loader when on client pending when the actual image is lazyloaded.</p>
  
  <p><strong>The problem.</strong>
  After the initial render and client side takes over, the image src mismatch. This is because the server set the actual src, but the client is setting the loader (placeholder).</p>
  
  <p><strong>Question.</strong>
  Is there a way to detect that this initial render was server rendered? just before the client renders/mounts</p>