This solution helps in improving the UX by extending the Nextjs' Image component and further handling cases when an image
- is loading (displays a skeleton loader when loading)
- throws an error (when browser fails to load the image)
You can use the same way as you use Next's component
This package further adds 2 props
- fallback (string/required) - Pass path of the fallback image
- debug (boolean/optional) - Makes it easy to see how the SkeletonLoader is positioned and styled