Next.js 11: Image Component NEW features #Shorts

#Shorts
#nextjs
#nextjs11

----
----
Follow me on:

[benevans]

making #shorts like the ones from vscode's channel but for nextjs actually sounds amazing, please do more

[rohantongle]

Thanks to bruno for introducing new feature and next js for doing change in image comments.

[rishabsharma]

You'll be a real deal in the coming future

[R-Jay.]

Could you please do a session on Next.js---Docker---Git Hub---Google Cloud Platform deployment ?

[alexrd]

Hey Bruno,
Great video.
Do you have any idea how to use the palceholder with dynamic images(coming from a db) and blurhash ?
In theory, seems pretty simple. Generate the blurhash string server side when you upload an image, and then use that string as a placeholder with next/placeholder on the client.
Problem is from what I understand, next/image accepts base64 placeholders, and blurhash generated string is not in that format. . is there some way you can decode that ?
Thanks

[pdgago.ballester]

Are you also using #sorts, really? Ok, now you have my subscription! Thanks bro.

[monkeystylle]

why do we need to relocate the image file from public folder to the component folder?

[ekm]

great tutorial. Are you planning to create a gatsbyjs tutorials? that would be great

[alimahmmod]

this is not working for me without adding width and height prop, I get an error `image with src must use "width" and "height" properties or "layout='fill'" property.` my next js version is "next": "^11.0.1",

[МарсДевелопер]

found 62 vulnerabilities (2 low, 20 moderate, 40 high) in 898 scanned packages

[zlackbiro]

No chance to use Image component like that using production build. Try to deploy your project and you will see. You cant even load images without complex configuration which is overcomplicated even for proffesionls to config. I dont know why is that so complex that you can even imagine cant be.