nuxt-hub / core

Build full-stack applications with Nuxt on CloudFlare, with zero configuration.
https://hub.nuxt.com
Apache License 2.0
975 stars 54 forks source link

Image Service #131

Open atinux opened 5 months ago

atinux commented 5 months ago

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 commented 5 months ago

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 commented 2 months ago

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 commented 2 months ago

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 commented 1 week ago

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