Skip to content

06 / Deliver

Ready for every screen.

Serve content from the edge. Resize, crop, and optimize images on request. Upload once, use everywhere.

Included on every plan. No add-on, no separate bill.

What this replaces

Headless usually means you handle delivery.

Most headless systems hand you the content and stop there. You add a CDN subscription, an image service, your own caching headers, and an infrastructure bill nobody budgeted for. b10cks does that part itself.

How it works

One upload. Every variant you need.

Put the original in once at full quality. Ask for the size and crop you want in the URL. The result is built on request and kept at the edge for the next visitor.

01 / Upload

Original in, once.

Upload the source image at full resolution and full quality. That file stays untouched, so you never have to re-export a set of sizes.

02 / Transform

Ask in the URL.

Width, height, crop, format, quality. Add the parameters to the image URL and the variant is generated the moment it is requested.

03 / Cache

Built once, then kept.

Every processed image is cached at the edge. The first request pays for the work. Everyone after that gets the finished file.

04 / Deliver

From the point of presence nearest to them.

Published content responses are cached at the edge too, by locale and by version, so the API answers from close by instead of from one origin.

05 / Publish

Publishing is the purge.

Publish a change and the cached responses for it move on. No manual invalidation, no stale variant hanging around after you swapped the image.

06 / Reuse

Use everywhere.

The same source image feeds the website hero, the app thumbnail, and the email header. One asset, as many shapes as the screens need.

How you use it

A query string is the whole API.

No SDK call, no build step, no pipeline to maintain. Write the parameters you want into the image URL and let the edge do the rest. It works the same in a Nuxt page, a React component, or a plain img tag.

One source / many shapes

# the original, untouched
/ilum/<space>/<asset>/hero.jpg

# 1600 wide, modern format
/ilum/<space>/<asset>/hero.jpg?w=1600&format=webp

# square crop for a card
/ilum/<space>/<asset>/hero.jpg?w=400&h=400&fit=crop
  • resize
  • crop
  • optimize

A few things worth knowing.

Ship it fast

Upload once. Use it everywhere.

Fast delivery should not be a plan upgrade. Start with it on day one and see what your pages feel like.