a19e461d0a
*Total -- 109.92kb -> 73.66kb (32.99%) /plugins/github-deployments/docs/github-deployments-card.png -- 103.64kb -> 67.39kb (34.98%) /microsite/static/img/backstage-service-catalog.svg -- 1.30kb -> 1.30kb (0.3%) /microsite/static/img/backstage-techdocs.svg -- 0.91kb -> 0.91kb (0.11%) /microsite/static/img/backstage-k8s.svg -- 1.89kb -> 1.89kb (0.05%) /microsite/static/img/backstage-software-templates.svg -- 2.17kb -> 2.17kb (0.05%) Signed-off-by: ImgBotApp <ImgBotHelp@gmail.com>
GitHub Deployments Plugin
The GitHub Deployments Plugin displays recent deployments from GitHub.
Prerequisites
Getting Started
- Install the GitHub Deployments Plugin.
# packages/app
yarn add @backstage/plugin-github-deployments
- Add the plugin to the app
// packages/app/src/plugins.ts
export { githubDeploymentsPlugin as GithubDeploymentsPlugin } from '@backstage/plugin-github-deployments';
- Add the
EntityGithubDeploymentsCardto the EntityPage:
// packages/app/src/components/catalog/EntityPage.tsx
import { EntityGithubDeploymentsCard } from '@backstage/plugin-github-deployments';
const OverviewContent = () => (
<Grid container spacing={3} alignItems="stretch">
// ...
<Grid item xs={12} sm={6} md={4}>
<EntityGithubDeploymentsCard />
</Grid>
// ...
</Grid>
);
- Add the
github.com/project-slugannotation to yourcatalog-info.yamlfile:
apiVersion: backstage.io/v1alpha1
kind: Component
metadata:
name: backstage
description: |
Backstage is an open-source developer portal that puts the developer experience first.
annotations:
github.com/project-slug: YOUR_PROJECT_SLUG
spec:
type: library
owner: CNCF
lifecycle: experimental
