Next.js 10 came out recently and it brought with it new out of the box Image component. This component will make images on your site much more performat, smaller in size and they will be lazy loaded wich can add a lot of benefits to your sites perfomance with very little actual work from you.

However Nextjs Image component has two required props, and those are width and height. Unfortunately Strapi doesn’t give us width and height of the images in our API out of the box. So we would have to customize our response to include those values. And in Strapi this is a peice of cake.