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

Default: /

Your deployment's domain (zone).

Note: /cdn-cgi/image/ will be automatically appended for generating URLs.