NuxtImage + IPX + SWR = return buffer

[bernhardberger]

When I enable SWR on our website IPX/nitro/whatever the culprit.. returns a buffer instead of an image:

Any ideas how to work around this? This has been a major issue for us, preventing is to run SWR on our website and customer projects..

[metkm]

do you have reproduction? I can't seem to replicate the issue

[bernhardberger]

Sure:
https://github.com/bernhardberger/nuxt-ipx-swr-buffer-minimal-reproduction

git clone https://github.com/bernhardberger/nuxt-ipx-swr-buffer-minimal-reproduction
cd nuxt-ipx-swr-buffer-minimal-reproduction
npm run build && node .output/server/index.mjs

-> hard reload (CTRL+SHIFT+R) a few times after 10 seconds -> image will be dead

[bernhardberger]

related: nuxt/nuxt#27307

[bernhardberger]

Imho this should be documented..

[bernhardberger]

We have now solved this using a nitro onBeforeResponse hook that unwraps and streams the Buffer so we can still use swr caching on /_ipx/** generated images (so the image gets served from a cache and the user won't have to wait for the regenerated image every time)

We'll provide a code sample later when it's tested.

[manot40]

Hey @bernhardberger, did you already done working with nitro hook code sample? Thanks in advance.

EDIT: Just made simple nuxt module to cache optimized images from ipx request to disk, inspired by #795. (You'll need to download and run the example project since stackblitz seems not working with native .node file sharp uses)

[Nagell]

+1

[ItsRyanWu]

Hey @bernhardberger, did you already done working with nitro hook code sample? Thanks in advance.

EDIT: Just made simple nuxt module to cache optimized images from ipx request to disk, inspired by #795. (You'll need to download and run the example project since stackblitz seems not working with native .node file sharp uses)

You are my hero! You should consider making this a published module, it will save a lot of people's life!

[Baroshem]

Closing as the solution was provided.

Feel free to reopen if needed :)

[TheAlexLichter]

I still think this should have first class support + the issue with returning a buffer should be resolved.
The former can be tracked in #795
The latter can be tracked in nitrojs/nitro#1894