Skip to content

Using Image from next/Image all the time for all images. #686

@JayaKrishnaNamburu

Description

@JayaKrishnaNamburu

Right now, we are using next/image only if the user specifies width and height alone without any additional attributes. This is because, next/Image is not completely pure component at the moment. Because it is bringing some side effects tot he layout with it. Since we can't pass the styles that users set into the component.

https://github.com/teleporthq/teleport-code-generators/blob/development/packages/teleport-plugin-jsx-next-image/src/index.ts#L11

Here is the issue on the NextJS GitHub on the same topic
vercel/next.js#18312

Case 1
It is not working out of the box all the time, since we allow users to free-style on the properties they use for the images. But the next/image need to be used with some constraints
Usual - https://codesandbox.io/s/pf9mt4
next/Image - https://codesandbox.io/s/travel-agency-forked-h28f9p

Metadata

Metadata

Labels

enhancementNew feature or requesthelp wantedExtra attention is needed

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions