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.js
export default {  image: {    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.

Api

$img utility

Providers

Cloudimage