Image Service

[atinux]

I would like to explore the possibility of serving (/_hub/images/**) as well a transforming them using photon.

The transformers could follow the same convention as Cloudflare Images (https://developers.cloudflare.com/images/transform-images/transform-via-url/) (see Nuxt Image transformer)

Later we could have a Nuxt Image nuxthub provider (which will be the default with @nuxthub/core and hub.images = true)

We may want to also give the possibility to store the transformed image inside the blobs, this could be achieved by using some options inside the hub.images key.

We need also a way to prevent abuse by whitelisting the authorized transformations?

hub: {
  images: {
    transformers: [
      { width: 30, height: 60 },
      { width: 120, height: 360 }
    ]
  }
}

It will also resolves #126

[zacwebb]

This would be great – currently just uploading images directly to cloudflare via their API for a project so would nice to be able to have this work locally and through nuxthub in prod 🔥

[MineDrum]

Is there a possibility of giving this some priority? I think NuxtHub could really go to the next level if we could get integration with Pruvious as a CMS. This has the potential of being the next WordPress in my opinion. (Maybe that's a bit dramatic, I would just really love to see both of these projects flourish)

[atinux]

I agree, it can be the next Wordpress on the Edge.

We are collaborating with @murisceman to make it happen, just have to be patient :)

[RihanArfan]

Cloudflare Images became free for 5000 unique image transformations per month on Builder Week 2024, and it can be configured with Nuxt Image.

• https://blog.cloudflare.com/builder-day-2024-announcements/#image-optimization-free-for-everyone
• https://developers.cloudflare.com/images/pricing/
• https://image.nuxt.com/providers/cloudflare