![a list of builds in the Travis CI plugin for Backstage](./docs/travis-ci-plugin-1642x1027.png)

Downloads in past


137592.1.74 days ago3 years agoMinified + gzip package size for @roadiehq/backstage-plugin-travis-ci in KB


Travis CI Plugin for Backstage
a list of builds in the Travis CI plugin for Backstage


  • List Travis CI Builds
  • Retrigger builds

How to add Travis-ci project dependency to Backstage app

If you have your own backstage application without this plugin, here are instructions how to add it:
  1. In the backstage/packages/app project add the plugin as a package.json dependency:

yarn add @roadiehq/backstage-plugin-travis-ci

  1. add configuration in app-config.yaml file in the root directory:

In the proxy object:


    target: https://api.travis-ci.com
    changeOrigin: true
      Authorization: ${TRAVISCI_AUTH_TOKEN}
      travis-api-version: 3

and as a separate configuration object:
  baseUrl: 'https://travis-ci.com/'

  1. Import it into your Backstage application:

// packages/app/src/components/catalog/EntityPage.tsx
import {
} from '@roadiehq/backstage-plugin-travis-ci';

  1. Add plugin to the EntityPage.tsx source file:

// packages/app/src/components/catalog/EntityPage.tsx
export const cicdContent = (
    <EntitySwitch.Case if={isTravisciAvailable}>
      <EntityTravisCIContent />

  1. Add a recent Travis-CI builds widget/card to the overview tab to the entityPage.tsx source file:

export const cicdCard = (
    <EntitySwitch.Case if={isTravisciAvailable}>
      <Grid item sm={6}>
        <EntityTravisCIOverviewCard />

How to use Travis-ci plugin in Backstage

Travis-ci plugin is a part of the Backstage sample app. To start using it for your component, you have to:
  1. Add an annotation to the yaml config file of a component:

travis-ci.com/repo-slug: <owner-name>/<project-name>

  1. Add your developer api key to the environment variables of your backstage backend server (you can find it in https://travis-ci.com/account/preferences), in the form of the word 'token' followed by your api key. So it should look like this:
`TRAVISCI_AUTH_TOKEN="token <your-api-key>"`

Developing the plugin locally

The easiest way is to clone the plugin repo into the plugins/ directory of your backstage code base:
git clone https://github.com/RoadieHQ/backstage-plugin-travis-ci.git travis-ci

and run yarn install in the root backstage directory - it will create a symbolic link, so the dependency will be provided from the source code instead of nodemodules package.


  • Backstage
  • Get hosted, managed Backstage for your company: https://roadie.io