> ## Documentation Index
> Fetch the complete documentation index at: https://site.aspect.build/llms.txt
> Use this file to discover all available pages before exploring further.

# Selective Delivery for Bazel

> Deliver only the targets whose Bazel-built outputs actually changed. Digest-based change detection, correctly stamped artifacts, parallel pushes, and a delivery manifest.

export const MarketingPage = () => <div className="marketing-page-marker" style={{
  display: "none"
}} />;

export const CTA = ({title, subtitle, primaryCta, primaryHref = "#", secondaryCta, secondaryHref = "#"}) => <section className="w-full flex justify-center px-4 py-16 md:py-20">
    <div className="w-full rounded-2xl text-white flex flex-col md:flex-row items-center justify-center gap-10 md:gap-16 p-8 md:p-12 text-center md:text-left" style={{
  maxWidth: "1140px",
  background: "linear-gradient(135deg, #1a3a5c 0%, #176ACC 100%)"
}}>
      <div>
        <h2 className="text-2xl md:text-3xl font-semibold tracking-tight">{title}</h2>
        {subtitle && <div className="mt-3 text-blue-100 text-base">{subtitle}</div>}
      </div>
      <div className="flex flex-wrap gap-3 shrink-0 justify-center">
        {primaryCta && <a href={primaryHref} className="inline-flex items-center px-6 py-3 rounded-lg bg-white text-blue-700 font-semibold hover:bg-blue-50 transition whitespace-nowrap shadow-sm">
            {primaryCta}
          </a>}
        {secondaryCta && <a href={secondaryHref} className={`inline-flex items-center px-6 py-3 rounded-lg border border-blue-300/50 text-white font-semibold hover:bg-blue-700/30 transition whitespace-nowrap ${secondaryHref === "/request-demo" ? "demo-gradient-btn" : ""}`}>
            {secondaryCta}
          </a>}
      </div>
    </div>
  </section>;

export const FeatureCard = ({title, description, href, children}) => {
  const Tag = href ? "a" : "div";
  const tagProps = href ? {
    href
  } : {};
  return <Tag {...tagProps} className={`group flex flex-col p-6 rounded-xl border border-zinc-200 dark:border-zinc-700/60 bg-white dark:bg-zinc-800/50 ${href ? "hover:shadow-md hover:border-blue-200 dark:hover:border-blue-700 transition-all duration-200" : ""}`}>
      {children && <div className="feature-card-icon mb-5 flex items-center justify-center rounded-xl bg-blue-50 dark:bg-blue-900/20 border border-blue-100 dark:border-blue-800/30" style={{
    width: "4rem",
    height: "4rem"
  }}>
          {children}
        </div>}
      <h3 className={`text-lg font-semibold text-zinc-900 dark:text-white ${href ? "group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors" : ""}`}>
        {title}
      </h3>
      {description && <p className="feature-card-desc text-sm text-zinc-500 dark:text-zinc-400 leading-relaxed">{description}</p>}
    </Tag>;
};

export const FeatureGrid2 = ({children}) => <div className="marketing-grid-2">{children}</div>;

export const FeatureGrid3 = ({children}) => <div className="marketing-grid-3">{children}</div>;

export const SectionHeader = ({title, subtitle, centered = true, label}) => <div className={`mb-12 ${centered ? "text-center" : ""}`}>
    {label && <p className="text-xs font-semibold tracking-widest text-blue-600 dark:text-blue-400 uppercase mb-3">
        {label}
      </p>}
    <h2 className="text-4xl md:text-5xl font-semibold text-zinc-900 dark:text-white tracking-tight">{title}</h2>
    {subtitle && <div className={`subtitle-gap text-lg md:text-xl text-zinc-500 dark:text-zinc-300 leading-relaxed ${centered ? "mx-auto" : ""}`} style={{
  marginTop: "1rem",
  maxWidth: centered ? "700px" : "none"
}}>
        {subtitle}
      </div>}
  </div>;

export const Section = ({children, className = "", gray = false, dark = false, id}) => <section id={id} className={`w-full flex justify-center px-4 py-16 md:py-24 ${gray ? "bg-gray-50 dark:bg-zinc-900" : dark ? "bg-zinc-900 dark:bg-zinc-950" : ""} ${className}`}>
    <div className="w-full" style={{
  maxWidth: "1140px"
}}>
      {children}
    </div>
  </section>;

export const Hero = ({title, subtitle, badge, primaryCta, primaryHref = "#", secondaryCta, secondaryHref = "#", centered = true, children}) => <section className="w-full flex justify-center px-4 pt-16 pb-16 md:pt-24 md:pb-24" style={{
  background: "linear-gradient(180deg, var(--hero-gradient-start, #f8fafc) 0%, var(--hero-gradient-end, #ffffff) 100%)"
}}>
    <div className="w-full" style={{
  maxWidth: "1140px"
}}>
      {centered && !children ? <div className="flex flex-col items-center text-center">
          {badge && <div className="inline-flex items-center gap-2 px-4 py-1.5 rounded-full bg-blue-50 dark:bg-blue-900/30 border border-blue-200 dark:border-blue-700 text-blue-700 dark:text-blue-300 text-sm font-medium mb-6">
              {badge}
            </div>}
          <h1 className="text-4xl md:text-5xl font-semibold text-zinc-900 dark:text-white leading-tight tracking-tight" style={{
  maxWidth: "820px"
}}>
            {String(title).split(/\\n|\n/).map((line, i) => i ? [<br key={i} />, line] : line)}
          </h1>
          {subtitle && <div className="subtitle-gap text-lg md:text-xl text-zinc-500 dark:text-zinc-300 leading-relaxed" style={{
  marginTop: "1rem",
  maxWidth: "600px"
}}>
              {subtitle}
            </div>}
          <div className="flex flex-wrap gap-3 mt-10 justify-center">
            {primaryCta && <a href={primaryHref} className="inline-flex items-center px-6 py-3 rounded-lg bg-blue-600 text-white font-semibold hover:bg-blue-700 transition shadow-sm">
                {primaryCta}
              </a>}
            {secondaryCta && <a href={secondaryHref} className={`inline-flex items-center px-6 py-3 rounded-lg border border-zinc-300 dark:border-zinc-600 text-zinc-700 dark:text-zinc-200 font-semibold hover:bg-zinc-50 dark:hover:bg-zinc-800 transition ${secondaryHref === "/request-demo" ? "demo-gradient-btn" : ""}`}>
                {secondaryCta}
              </a>}
          </div>
        </div> : <div className="flex flex-col md:flex-row items-center gap-10 md:gap-16">
          <div className="flex-1 min-w-0">
            {badge && <div className="inline-flex items-center gap-2 px-4 py-1.5 rounded-full bg-blue-50 dark:bg-blue-900/30 border border-blue-200 dark:border-blue-700 text-blue-700 dark:text-blue-300 text-sm font-medium mb-6">
                {badge}
              </div>}
            <h1 className="text-4xl md:text-5xl font-semibold text-zinc-900 dark:text-white leading-tight tracking-tight">
            {String(title).split(/\\n|\n/).map((line, i) => i ? [<br key={i} />, line] : line)}
          </h1>
            {subtitle && <div className="subtitle-gap text-lg md:text-xl text-zinc-500 dark:text-zinc-300 leading-relaxed" style={{
  marginTop: "1rem"
}}>
                {subtitle}
              </div>}
            <div className="flex flex-wrap gap-3 mt-8">
              {primaryCta && <a href={primaryHref} className="inline-flex items-center px-6 py-3 rounded-lg bg-blue-600 text-white font-semibold hover:bg-blue-700 transition shadow-sm">
                  {primaryCta}
                </a>}
              {secondaryCta && <a href={secondaryHref} className={`inline-flex items-center px-6 py-3 rounded-lg border border-zinc-300 dark:border-zinc-600 text-zinc-700 dark:text-zinc-200 font-semibold hover:bg-zinc-50 dark:hover:bg-zinc-800 transition ${secondaryHref === "/request-demo" ? "demo-gradient-btn" : ""}`}>
                  {secondaryCta}
                </a>}
            </div>
          </div>
          {children && <div className="flex-1 min-w-0 hero-image">
              {children}
            </div>}
        </div>}
    </div>
  </section>;

<MarketingPage />

<Hero title="Selective Delivery" subtitle="Deliver only the targets whose Bazel-built outputs actually changed, driven by the same build graph you already trust. In a monorepo with hundreds of deliverable artifacts, that turns push-everything-on-every-green-build into a handful of uploads per commit." primaryCta="Start a Free Trial" primaryHref="/trial" secondaryCta="Request a Demo" secondaryHref="/request-demo" centered={false} />

<Section gray>
  <div className="max-w-3xl mx-auto text-center space-y-6">
    <div className="h-px bg-zinc-300 dark:bg-zinc-600 w-full" />

    <p className="text-lg text-zinc-700 dark:text-zinc-300 italic leading-relaxed">
      Pushing every artifact on every green build is slow and risky. You overwrite known-good artifacts with identical but unverified rebuilds, and you burn CI time, registry storage, and network egress on uploads that change nothing.
    </p>

    <p className="text-lg text-zinc-700 dark:text-zinc-300 italic leading-relaxed">
      Bazel already knows exactly what changed. Selective Delivery applies that knowledge at release time, comparing output digests against the prior release and pushing only the difference.
    </p>

    <div className="h-px bg-zinc-300 dark:bg-zinc-600 w-full" />
  </div>
</Section>

<Section>
  <SectionHeader title="How Selective Delivery Works" subtitle="A green build of your release branch triggers delivery. From there, change detection, stamping, and uploads are automatic." />

  <FeatureGrid3>
    <FeatureCard title="Digest-based change detection" description="Change is detected from the content hash of each build output, not the git SHA or a timestamp. If a target produces the same digest, it is not pushed, even when unrelated files changed in the same commit.">
      <img noZoom src="https://mintcdn.com/aspectbuild/x1L7Iep716jCyJVo/images/marketing/icons/filters.svg?fit=max&auto=format&n=x1L7Iep716jCyJVo&q=85&s=291b4db68d69e6a8e7cd83b45b61837f" alt="" width="48" height="49" data-path="images/marketing/icons/filters.svg" />
    </FeatureCard>

    <FeatureCard title="Resolution that costs almost nothing" description="With Build without the Bytes, the comparison works from hashes alone and never downloads an artifact, so determining what to deliver is nearly free, even across hundreds of deliverable targets.">
      <img noZoom src="https://mintcdn.com/aspectbuild/x1L7Iep716jCyJVo/images/marketing/icons/fast.svg?fit=max&auto=format&n=x1L7Iep716jCyJVo&q=85&s=a631c8f2127105e4112db8e0a4ccc641" alt="" width="48" height="49" data-path="images/marketing/icons/fast.svg" />
    </FeatureCard>

    <FeatureCard title="Correctly stamped artifacts" description="Unstamped outputs detect change; the changed targets are then rebuilt with version-control stamping for the push. Accurate change detection and artifacts that carry the right build metadata.">
      <img noZoom src="https://mintcdn.com/aspectbuild/x1L7Iep716jCyJVo/images/marketing/icons/Release-automation.svg?fit=max&auto=format&n=x1L7Iep716jCyJVo&q=85&s=fe6347df8f3a3ea7edf4ddff8d6716fc" alt="" width="48" height="48" data-path="images/marketing/icons/Release-automation.svg" />
    </FeatureCard>

    <FeatureCard title="Parallel pushes" description="Push logic runs in parallel across delivery targets, uploading each changed artifact to its configured destination: a container registry, an object store, or anywhere else you ship.">
      <img noZoom src="https://mintcdn.com/aspectbuild/x1L7Iep716jCyJVo/images/marketing/icons/rocket.svg?fit=max&auto=format&n=x1L7Iep716jCyJVo&q=85&s=aad2842e33767a3adfda39f90f336298" alt="" width="48" height="49" data-path="images/marketing/icons/rocket.svg" />
    </FeatureCard>

    <FeatureCard title="Delivery manifest" description="Every run produces a structured record of each target's outcome and CI metadata, uploaded as a CI artifact. Enrich it with AXL hooks, for example to attach OCI image digests or feed downstream deployment tooling.">
      <img noZoom src="https://mintcdn.com/aspectbuild/x1L7Iep716jCyJVo/images/marketing/icons/Coverage.svg?fit=max&auto=format&n=x1L7Iep716jCyJVo&q=85&s=306ae317088aaa2ae5630a60ec44bdba" alt="" width="48" height="48" data-path="images/marketing/icons/Coverage.svg" />
    </FeatureCard>

    <FeatureCard title="Simple configuration" description="Adding a delivery target is as easy as adding a Bazel target, so teams configure and maintain their own. You control which branches and tags trigger delivery in your CI configuration.">
      <img noZoom src="https://mintcdn.com/aspectbuild/x1L7Iep716jCyJVo/images/marketing/icons/pazzle.svg?fit=max&auto=format&n=x1L7Iep716jCyJVo&q=85&s=438e34d517894f2984ec8774887a5f0b" alt="" width="56" height="56" data-path="images/marketing/icons/pazzle.svg" />
    </FeatureCard>
  </FeatureGrid3>
</Section>

<Section gray>
  <SectionHeader title="Why digests, not git SHAs" subtitle="Version stamping is the usual obstacle to selective releases: if every artifact embeds the commit SHA, every artifact differs on every commit and nothing can be skipped. Selective Delivery sidesteps the trap by comparing unstamped outputs to detect change, then rebuilding only the changed targets with stamping for the actual push." />
</Section>

<Section>
  <SectionHeader title="What your team gets" subtitle="Release pipelines that scale with what changed, not with the size of your monorepo." />

  <FeatureGrid2>
    <FeatureCard title="Faster release pipelines" description="Only changed targets rebuild and upload, so delivery finishes in a fraction of the time, and your team iterates and releases more often.">
      <img noZoom src="https://mintcdn.com/aspectbuild/x1L7Iep716jCyJVo/images/marketing/icons/clock.svg?fit=max&auto=format&n=x1L7Iep716jCyJVo&q=85&s=6150dc8af85a5929400039e8b8c3f1aa" alt="" width="24" height="24" data-path="images/marketing/icons/clock.svg" />
    </FeatureCard>

    <FeatureCard title="Lower cost" description="No redundant uploads burning CI minutes, registry storage, and network egress on artifacts that did not change.">
      <img noZoom src="https://mintcdn.com/aspectbuild/x1L7Iep716jCyJVo/images/marketing/icons/cloud.svg?fit=max&auto=format&n=x1L7Iep716jCyJVo&q=85&s=acaa74dfc7233d60a896de1d6ec99de1" alt="" width="24" height="24" data-path="images/marketing/icons/cloud.svg" />
    </FeatureCard>

    <FeatureCard title="Safer releases" description="Known-good artifacts are never overwritten by unverified rebuilds of identical content.">
      <img noZoom src="https://mintcdn.com/aspectbuild/x1L7Iep716jCyJVo/images/marketing/icons/protect.svg?fit=max&auto=format&n=x1L7Iep716jCyJVo&q=85&s=af5818d5725923799e54382c188d5256" alt="" width="40" height="40" data-path="images/marketing/icons/protect.svg" />
    </FeatureCard>

    <FeatureCard title="Auditable by construction" description="Each delivered artifact traces back to the monorepo state that produced it, and the delivery manifest records every target's outcome.">
      <img noZoom src="https://mintcdn.com/aspectbuild/x1L7Iep716jCyJVo/images/marketing/icons/Documentation.svg?fit=max&auto=format&n=x1L7Iep716jCyJVo&q=85&s=06dde831b9dc258ec192c68dee586094" alt="" width="48" height="48" data-path="images/marketing/icons/Documentation.svg" />
    </FeatureCard>
  </FeatureGrid2>
</Section>

<Section gray>
  <SectionHeader title="The last mile of fast CI" subtitle="Selective Delivery runs on the same Aspect Workflows deployment as your CI runners and remote cache, and is included in every deployment." />

  <div className="flex flex-wrap justify-center gap-4">
    <a href="/platform/ci-runners" className="inline-flex items-center px-6 py-3 rounded-lg border border-zinc-300 dark:border-zinc-600 text-zinc-700 dark:text-zinc-200 font-semibold hover:bg-zinc-50 dark:hover:bg-zinc-800 transition">
      CI Runners →
    </a>

    <a href="/platform/remote-cache" className="inline-flex items-center px-6 py-3 rounded-lg border border-zinc-300 dark:border-zinc-600 text-zinc-700 dark:text-zinc-200 font-semibold hover:bg-zinc-50 dark:hover:bg-zinc-800 transition">
      Remote Cache →
    </a>

    <a href="/docs/aspect-workflows/features/selective-delivery" className="inline-flex items-center px-6 py-3 rounded-lg border border-zinc-300 dark:border-zinc-600 text-zinc-700 dark:text-zinc-200 font-semibold hover:bg-zinc-50 dark:hover:bg-zinc-800 transition">
      Read the Docs →
    </a>
  </div>
</Section>

<CTA title="Ship only what changed" subtitle="Selective Delivery ships in every Aspect Workflows deployment." primaryCta="Start a Free Trial" primaryHref="/trial" secondaryCta="Request a Demo" secondaryHref="/request-demo" />
