How to use a CDN URL for uploads in the admin panel?

[breathingcyborg]

Right now, the URLs for images or uploads in the admin panel look like this:

http://localhost:3000/api/medias/file/image.png?time

I want to replace this with a CDN URL instead of using localhost or the server endpoint.

I am aware of the adminThumbnail option in the upload config, but it only updates the URL for the thumbnail. The original image and other variants still use the default URL format shown above.

Is there a way to make all image URLs in the admin panel use the CDN endpoint?

[goodboyaloy]

You could use an env variable to store the CDN base endpoint.

Collection config hooks:

...
afterRead: [
      ({ doc }) => `${process.env.CDN_BASE_ENDPOINT}/${doc.filename}`,
    ],
...