Cloudflare
Nuxt Image has first class integration with Cloudflare
Integration between Cloudflare and the image module.
Availability only for Business and Enterprise Customers. Normally Cloudflare pages users can already benefit from build-time image optimization.
To use this provider you just need to specify the base url (zone) of your service:
nuxt.config.ts
export default defineNuxtConfig({
image: {
cloudflare: {
baseURL: 'https://that-test.site'
}
}
})
Example:
<nuxt-img provider="cloudflare" src="/burger.jpeg" height="300" :modifiers="{ fit: 'contain' }" />
Options
baseURL
Default: /
Your deployment's domain (zone).
Note: /cdn-cgi/image/
will be automatically appended for generating URLs.