A self-hosted image CDN powered by Cloudflare Workers and R2. Cache and serve images from any origin with zero egress fees.

https://cdn.yourdomain.com/origin.com/path/to/image.jpg
        └──────┬───────┘ └────┬────┘
         Your CDN       Origin server

Compare to: imgix, Cloudinary, KeyCDN, BunnyCDN—but self-hosted and with zero egress fees.

Works with any origin server that serves images over HTTPS:

• Static sites — Gatsby, Hugo, Eleventy, Astro, Jekyll
• JavaScript frameworks — Next.js, Nuxt, SvelteKit, Remix
• E-commerce — Shopify, WooCommerce, Magento, custom stores
• CMS platforms — WordPress, Ghost, Strapi, Contentful, Sanity
• Web applications — Rails, Django, Laravel, Express, any backend
• Mobile app backends — Serve optimized images to iOS/Android apps

Prerequisites: Cloudflare account with a domain, Node.js 18+

npm install -g wrangler
wrangler login

git clone https://github.com/img-pro/unlimited-cdn.git
cd unlimited-cdn-worker
npm install

cp wrangler.toml.example wrangler.toml

Edit wrangler.toml:

• Replace YOUR_ACCOUNT_ID with your Cloudflare account ID
• Replace example.com with your domain

wrangler r2 bucket create unlimited-cdn-cache
npm run deploy

1. Cloudflare Dashboard → Workers & Pages → unlimited-cdn
2. Settings → Domains & Routes → Add → Custom Domain
3. Enter your CDN domain (e.g., cdn.example.com)

curl -I "https://cdn.example.com/origin.com/images/photo.jpg"

Check X-Cache-Status header:

• miss — Fetched from origin, now cached
• hit — Served from R2 cache

Browser requests: cdn.example.com/origin.com/images/photo.jpg
                              ↓
                         [Worker]
                              ↓
                 ┌────────────┴────────────┐
                 │                         │
            Cache HIT                 Cache MISS
                 │                         │
                 ↓                         ↓
          Return from R2          Fetch from origin
          (< 50ms globally)              ↓
                                   Store in R2
                                         ↓
                                   Return image

URL format: https://[cdn-domain]/[origin-domain]/[path]

Rewrite image URLs from:

https://origin.com/images/photo.jpg

To:

https://cdn.example.com/origin.com/images/photo.jpg

How you do this depends on your stack—typically a middleware, helper function, or template filter.

Install the Unlimited CDN plugin for automatic URL rewriting:

1. Plugins → Add New → Search "Unlimited CDN"
2. Settings → Unlimited CDN → Self-Host tab
3. Enter your CDN domain and enable

// next.config.js
module.exports = {
  images: {
    loader: 'custom',
    loaderFile: './image-loader.js',
  },
}

// image-loader.js
export default function cloudflareLoader({ src, width, quality }) {
  const origin = new URL(src).host;
  const path = new URL(src).pathname;
  return `https://cdn.example.com/${origin}${path}`;
}

list (production): Only cache from allowed origins

ORIGIN_MODE = "list"
ALLOWED_ORIGINS = "example.com,www.example.com,images.example.com"

open (development): Cache from any origin

ORIGIN_MODE = "open"

Cloudflare's free tier covers most use cases:

Estimated costs:

• Under 1M pageviews/month: $0
• 1-10M pageviews/month: $0-5

The key savings: R2 egress is free. Traditional CDNs charge $0.02-0.08/GB.

Q: Can I use this with multiple origin servers? Yes. Add all domains to ALLOWED_ORIGINS: "site1.com,www.site1.com,site2.com,www.site2.com"

Q: How do I invalidate cached images? Use ?force=1 to bypass cache, or delete directly from R2. Bulk invalidation requires R2 API.

Q: What image formats are supported? JPG, PNG, GIF, WebP, AVIF, SVG, ICO, BMP, TIFF.

Q: What happens if the origin is down? Cached images continue serving. Uncached images return the origin's error.

Q: Does this do image transformation/optimization? No. This is a caching proxy only. For transformations, consider Cloudflare Images or add a transformation layer.

npm run dev      # Local development
npm run build    # Type checking
npm run deploy   # Deploy to Cloudflare
npm run tail     # View production logs

• Unlimited CDN WordPress Plugin — Automatic integration for WordPress
• img.pro — Managed service (no setup required)
• GitHub Issues

MIT