quay-frontend

Welcome to the quay-frontend plugin! This plugin will show you information about your docker images within quay

This plugin was created through the Backstage CLI

Getting started

Enabling frontend

1. Install the plugin

   yarn workspace app add @fmenesesg/backstage-plugin-quay

2. Set the proxy to desired Quay server

   # app-config.yaml
   proxy:
     '/quay/api':
       target: 'https://quay.io'
       changeOrigin: true

3. Enable additional tab on the entity view page

   // packages/app/src/components/catalog/EntityPage.tsx
   import { QuayPage, isQuayAvailable } from '@fmenesesg/backstage-plugin-quay';
   
   const serviceEntityPage = (
     <EntityPageLayout>
       // ...
       <EntityLayout.Route if={isQuayAvailable} path="/quay" title="Quay">
         <QuayPage />
       </EntityLayout.Route>
     </EntityPageLayout>
   );

4. Annotate your entity with

   metadata:
     annotations:
       'quay.io/repository-slug': `<ORGANIZATION>/<REPOSITORY>',