Add support for importing images
See original GitHub issueOne 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.
Issue Analytics
- State:
- Created 2 years ago
- Reactions:14
- Comments:11 (3 by maintainers)
Top Results From Across the Web
Adding Images, Fonts, and Files - Create React App
Adding Images, Fonts, and Files. With webpack, using static assets like images and fonts works similarly to CSS. You can import a file...
Read more >Overview of importing photos and videos into Photos on Mac
You can import photos and videos in a variety of ways: Share your photos automatically across your Mac, iPhone, iPad, and Apple TV...
Read more >Import photos and videos - Microsoft Support
You can import photos and videos you have stored on a camera's SD card, a USB drive, a phone, or on another device....
Read more >Importing still images into Premiere Pro - Adobe Support
Import individual still images, or a series of still images as a sequence from other Adobe applications such as Photoshop or Illustrator. You ......
Read more >Import Images for Custom Lists and Schedule Sessions
In This Article Prepare Your Template Zip Your Image Files Import Your Template and Zipped Image Files Adding images to your custom...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
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. 👀
Just wanted to say +1 and also wondering if the new Next.js
next/future/image
will make any of this work easier.