:sparkles: Enhancement: Replace <img> tags with Next.js Image Component
Description:
Our website currently uses standard HTML tags in over 50 places, which lack built-in optimizations and can lead to performance issues. To address this, we should replace all instances of
with the Next.js Image Component next/image.
Warning: Using <img> could result in slower Largest Contentful Paint (LCP) and higher bandwidth usage. Consider using <Image /> from 'next/image' to automatically optimize images. Please note that this may incur additional usage or cost from your provider.
Note: Currently in the ESLint config file, we have turned off the '@next/next/no-img-element': 'off' rule. Once we are done with the setup of the Image Component, please change the rule to 'error' so that we can easily catch this in the future.
After
`'@next/next/no-img-element': 'error'`
@aialok I would like to work on this. Please assign it to me.
@aialok I would like to work on this. Please assign it to me.
@benjagm will assign you this issue but you can work on this issue.
Thank you : )
Hi , i would like to work on this issue,if this issue is open @aialok
Thanks a lot @29deepanshutyagi ! Please go ahead!
@29deepanshutyagi I've added the Hacktoberfest label looking forward to your PR, Thank you : )
sure
@DhairyaMajmudar I noticed there hasn’t been any activity in the last month, so I’m interested in working on this issue. please assign me this issue
there is already a pr which is open
@DhairyaMajmudar I noticed there hasn’t been any activity in the last month, so I’m interested in working on this issue. please assign me this issue
@29deepanshutyagi No worries, continue working. Thank you!