Next.js Discord

Discord Forum

Question about Image components

Unanswered
Giant panda posted this in #help-forum
Open in Discord
Giant pandaOP
Hi folks


I have a question about Image components.

So i have a blog that have bloglist. I want to add
placeholder blur
onto that, i see the documentation that i need to import the image.

But i have multiple blogpost does that mean i need to import one by one?

Or i need to add the
blurDataUrl
?

My image file is in public folder btw, and i use
fill
.

2 Replies

if you store the blur data together with the image you don't need a static import, you could do it like this:
<Image src={image.src} blurDataURL={image.blurDataURL} placeholder="blur" />