GitHunt
CO

container-registry/backstage-plugin-harbor

Backstage plugin to show you information about your docker images within Harbor.

Backstage Harbor plugin

Quality Gate Status
Maintainability Rating
Security Rating

Welcome to the harbor plugin!
This plugin will show you information about your docker images within harbor

Dashboard
Docker Image

Getting started

Enabling frontend

yarn --cwd packages/app add @bestsellerit/backstage-plugin-harbor
// packages/app/src/plugins.ts
export { plugin as harbor } from '@bestsellerit/backstage-plugin-harbor'
// packages/app/src/components/catalog/EntityPage.tsx
import {
  HarborPage,
  HarborWidget,
  isHarborAvailable,
} from '@bestsellerit/backstage-plugin-harbor'

const serviceEntityPage = (
  <EntityPageLayout>
    // ...
    <EntityLayout.Route path="/harbor" title="Harbor" if={isHarborAvailable}>
      <HarborPage />
    </EntityLayout.Route>
  </EntityPageLayout>
)
// packages/app/src/components/catalog/EntityPage.tsx

const overviewContent = (
  <Grid container spacing={6} alignItems="stretch">
    // ...
    <EntitySwitch>
      <EntitySwitch.Case if={isHarborAvailable}>
        <Grid item>
          <HarborWidget />
        </Grid>
      </EntitySwitch.Case>
    </EntitySwitch>
    ...
  </Grid>
)

Enabling backend

See backstage-plugin-harbor-backend.

Contributing

Everyone is welcome to contribute to this repository. Feel free to raise issues or to submit Pull Requests.

History

This backsage plugin was initialy created by BESTSELLER and transferred to container-registry.

Languages

TypeScript84.9%JavaScript15.1%
MIT License
Created June 17, 2021
Updated February 14, 2026