DEV Community

Discussion on: Blurred image placeholder with Next.js image and Cloudinary

Collapse
 
harshboricha98 profile image
Harsh boricha • Edited

Thank you for the solution. I found another solution in cloudinary.com/documentation/react....

<AdvancedImage cldImg={imageurl} alt="" plugins={[lazyload(), placeholder()]} />

this does the work just fine. I used your approach as well but was getting slightly less performance.

Collapse
 
nicolaserny profile image
Nicolas Erny

Thanks for sharing. I will give it a try.

Collapse
 
siegfriedbz profile image
Siegfried Bozza

Thank you for sharing
as opposed to using getStaticProps which runs server side , if we use AdvancedImage from '@cloudinary/react', do we benefit from SSG ? or is it running only on the client ?

As I understand, AdvancedImage from '@cloudinary/react' is to be used in a React app, not in Next.js ?