Gitpod Backstage Plugin

The Gitpod Backstage Plugin is the official integration of Gitpod's cloud development environments into Spotify's Backstage.

It enables developers to start workspaces directly from their Backstage instance. This plugin aims to streamline the development workflow, providing teams with easy access and efficient management of their cloud development environments.

Getting started

To get started with the Gitpod plugin in your Backstage app, follow these steps:

1. Install the plugin:

# From your Backstage root directory
yarn add --cwd packages/app @gitpod/backstage-plugin-gitpod

2. Add the Gitpod component to a page in your app:

For instance, add it to overviewContent in EntityPage.tsx:

import { GitpodButton } from '@gitpod/backstage-plugin-gitpod';
//....
const HomePage = () => (
    // ...
      <Grid item md={3} xs={6}>
          <GitpodButton />
      </Grid>
    // ... 
);

3. Setup entity annotations:

Currently, the Gitpod Backstage plugin support importing the URL of the repository from the following entity annotations:

• github.com/project-slug
• gitlab.com/project-slug
• bitbucket.org/project-slug
• repo-url (for any repository defined by its full URL)

4. Configure the Gitpod URL:

Add your Gitpod URL to your app-config.yaml - this can either be Gitpod Cloud or Dedicated.

gitpod:
  baseUrl: 'https://gitpod.io'

Contributing

We welcome contributions to the Gitpod Backstage plugin! If you have any feature requests or would like to raise a pull request, please feel free to leave an issue.

Links

• Gitpod
• Internal Developer Portals and Gitpod
• Backstage
• Learn more about Backstage plugins