Backstage Google Cloud Build Plugin

Set up Backstage in minutes with Roadie

Focus on using Backstage, rather than building and maintaining it.

A screenshot of the Google Cloud Build plugin.

Installation steps

Install the plugin into Backstage.

yarn add @backstage/plugin-cloudbuild

Add plugin to the list of plugins.

// packages/app/src/plugins.ts
export { plugin as Cloudbuild } from '@backstage/plugin-cloudbuild';

Add plugin API to your Backstage instance.

// packages/app/src/components/catalog/EntityPage.tsx
import {
  Router as CloudbuildRouter,
  isPluginApplicableToEntity as isCloudbuildAvailable,
} from '@backstage/plugin-cloudbuild';

const CICDSwitcher = ({ entity }: { entity: Entity }) => {
  switch (true) {
  ...
  case isCloudbuildAvailable(entity):
    return <CloudbuildRouter entity={entity} />;
  ...
  }
}

Add annotation to your component-info.yaml file.

metadata:
  annotations:
    google.com/cloudbuild-project-slug: [your-project-slug]

Found a mistake? Update these instructions.

Set up Backstage in minutes with Roadie

Focus on using Backstage, rather than building and maintaining it.

Get a demo