Cloudflare with `pnpm run generate` works, but not `pnpm run build`

[mrleblanc101]

Hi,
I'm deploying this repo to Cloudflare pages and I noticed sudently that my images were not the correct size. I think this is because we changed from SSG to SSR since our website is connected to a backend, and we like to have the data up-to-date without regenerating and redeploying the website.

Local using pnpm run dev ✅
Local using pnpm run build && node .output/server/index.mjs ✅
Local using pnpm run generate && npx serve .output/public ✅
Cloudfalre using pnpm run generate ✅

Cloudflare using pnpm run build 🚫

As you can see, when using pnpm run build on Cloudflare pages, the URL are going to the CMS (prismic) and are not processed.
Am I missunderstanding something ? Because it works in all mode on my local machine (dev/build/generate).

I'm using the Cloudflare git integration to deploy:

And this is my Cloudflare config (default):

My nuxt.config.js for nuxt/image, you can see the complete file in the linked repo above:

export default defineNuxtConfig({
    ...
    image: {
        provider: 'ipx',
        domains: ['static.swapcard.com', 'images.prismic.io', 'interface-qc.cdn.prismic.io'],
        quality: 90,
        format: ['webp'],
    },
    ...
});

[andrianvaleanu]

Had a similar headache when moving from static to server-side; it's annoying how things break the moment you go live. Since you're on SSR now, Cloudflare needs a worker or a specific setup to handle those image transformations on the fly instead of just serving pre-built files. You might find https://static.app/ helpful for seeing how others handle these edge cases with server-side deployments.