Use Image from next/image for when a specific node inside uidl respects the requirements.

[JayaKrishnaNamburu]

NextJS recently released NextJS 10 and a new Image-component to handle images. But it has some specific requirements. So, any node that matches the specific requirements. Please change it’s tag name to Image Instead of img.

https://nextjs.org/docs/api-reference/next/image

This can be achieved by passing a new plugin for teleport-project-generator-next. Since we don’t need to add framework specific business logics inside react-base component. A inspiration for this plugin could be InlineStyles Which we can check here https://github.com/teleporthq/teleport-code-generators/blob/development/packages/teleport-plugin-jsx-inline-styles/src/index.ts

But before this switch make sure the next templates are upgraded to Next-10. At the moment we are using Next-9.3 for generating projects.