Image CDN API: upload once, transform by URL

// Server component: the SDK runs server-side only
const WIDTHS = [480, 960, 1440];

const HeroImage = ({ asset, alt }) => (
  <picture>
    <source
      type="image/avif"
      srcSet={WIDTHS.map((width) =>
        `${dreep.url(asset, { width, format: "avif" })} ${width}w`).join(", ")}
      sizes="(max-width: 768px) 100vw, 960px"
    />
    <img
      src={dreep.url(asset, { width: 960, format: "webp" })}
      srcSet={WIDTHS.map((width) =>
        `${dreep.url(asset, { width, format: "webp" })} ${width}w`).join(", ")}
      sizes="(max-width: 768px) 100vw, 960px"
      alt={alt}
    />
  </picture>
);

// Fixed-size avatar: same CSS size, sharper on dense screens
const avatar = (dpr) =>
  dreep.url(asset, { width: 64, height: 64, fit: "cover", dpr, format: "webp" });
const avatarSrcSet = `${avatar(1)} 1x, ${avatar(2)} 2x, ${avatar(3)} 3x`;

widths := []int{480, 960, 1440}
parts := make([]string, 0, len(widths))

for _, w := range widths {
    u := client.URL(asset.ID, &dreep.Transform{Width: w, Format: dreep.FormatWebP})
    parts = append(parts, fmt.Sprintf("%s %dw", u, w))
}

srcset := strings.Join(parts, ", ")

avatar2x := client.URL(asset.ID, &dreep.Transform{
    Width: 64, Height: 64, Fit: dreep.FitCover, DPR: 2, Format: dreep.FormatWebP,
})

# 64x64 CSS pixels at dpr=2 returns a 128x128 image
curl -o avatar@2x.webp \
  "https://cdn.dreep.cloud/api/v1/fetch/2f928a3f.jpg?width=64&height=64&fit=cover&dpr=2&format=webp"

await dreep.createPreset({
  key: "card_sm",
  name: "Card, small",
  transform: { width: 400, height: 300, fit: "cover", format: "webp" },
});

dreep.url(asset, { preset: "card_sm" });

_, err := client.CreatePreset(ctx, dreep.CreatePresetOptions{
    Name: "Card, small",
    Key:  "card_sm",
    Transform: &dreep.Transform{
        Width: 400, Height: 300, Fit: dreep.FitCover, Format: dreep.FormatWebP,
    },
})

u := client.URL(asset.ID, &dreep.Transform{Preset: "card_sm"})

# Apply the preset, then override one field for this request
curl -o card.png \
  "https://cdn.dreep.cloud/api/v1/fetch/2f928a3f.jpg?p=card_sm&format=png"

const dreep = new Dreep({
  apiKey: process.env.DREEP_API_KEY,
  signingSecret: process.env.DREEP_SIGNING_SECRET,
});

// Valid for 15 minutes, resized to 800px wide
const link = dreep.signedUrl(asset, {
  expiresIn: 900,
  transform: { width: 800, format: "webp" },
});

client, err := dreep.New(
    os.Getenv("DREEP_API_KEY"),
    dreep.WithSigningSecret(os.Getenv("DREEP_SIGNING_SECRET")),
)

// dreep-go signs the original only, so pass nil. Sign transformed
// links with the JavaScript SDK until the Go SDK signs parameters.
link, err := client.SignedURL(asset.ID, 15*time.Minute, nil)

# exp and sig are computed locally by your backend (HMAC-SHA256)
curl -o private.webp \
  "https://cdn.dreep.cloud/api/v1/fetch/2f928a3f.jpg?width=800&format=webp&exp=1774118400&sig=a3f9e2b1..."