Add support for importing images

One nice feat about mdx-bundler is that it allows for image bundling through import statements. https://github.com/kentcdodds/mdx-bundler#image-bundling Implementing this would be especially helpful for the very limited next/image, because there wouldn’t be the need for width/size specification and it would provide a blur hash automatically.

[schickling]

I’ve done a quick investigation and I think there is a really great opportunity for Contentlayer to make working with images as part of your content much easier - especially in Next.js applications where for the <Image /> component you need to provide the size dimensions.

Based on the provided image-related instructions of mdx-bundler I’ve done a quick experiment and got things to work using the dataurl “image embedding”. For most cases this is probably not a great solution but it’s already something that could be done in the meanwhile by users waiting for this feature.

I’m really excited about diving into this feature but it’s just a matter about finding enough time for it as it’s quite a serious time investment. 👀

[adrianmg]

Just wanted to say +1 and also wondering if the new Next.js next/future/image will make any of this work easier.