irma12
1.3 KiB
1.3 KiB
Tech Insights
This plugin provides the UI for the @backstage/tech-insights-backend plugin, in order to display results of the checks running following the rules and the logic defined in the @backstage/tech-insights-backend plugin itself.
Main areas covered by this plugin currently are:
-
Providing an overview for default boolean checks in a form of Scorecards.
-
Providing an option to render different custom components based on type of the checks running in the backend.
Installation
Install the plugin
# From your Backstage root directory
cd packages/app
yarn add @backstage/plugin-tech-insights
Add boolean checks overview (Scorecards) page to the EntityPage:
// packages/app/src/components/catalog/EntityPage.tsx
import { EntityTechInsightsScorecardContent } from '@backstage/plugin-tech-insights';
const serviceEntityPage = (
<EntityLayoutWrapper>
<EntityLayout.Route path="/" title="Overview">
{overviewContent}
</EntityLayout.Route>
<EntityLayout.Route path="/ci-cd" title="CI/CD">
{cicdContent}
</EntityLayout.Route>
...
<EntityLayout.Route path="/tech-insights" title="Scorecards">
<EntityTechInsightsScorecardContent />
</EntityLayout.Route>
...
</EntityLayoutWrapper>
);