Backstage.io - How to Build a Frontend Plugin

Here we're going to step through building a frontend plugin and test how easy it is to get it done.

We'll step through how
1. plugin setup
2. creating a client to call backend plugin APIs or APIs in general
3. using the backstage entity to grab annotations on a Backstage component
4. using the backstage config to grab general configuration
5. really basic overview of playing with the backstage custom react components.

Attributions!

Music track: Rose by Lukrembo
No Copyright Background Music

[hamz]

Just would like to add that you also need to register the api in `packages/app/src/apis.ts` inside the `apis` list, similar to the one that might already be there. Pass in the apiRefs you need like the discoveryApi (and now also the fetchApi too which authenticates api calls to the backend plugin - no need to expose the route, this is a recent Backstage change that happened after this video was released teehee) in `deps` and the `factory` - otherwise thank you for the excellent video series covering this!!

[artemvolkov]

Amazing. More videos, pls. Don't stop

[nima-m_m]

shout out and props to you for sharing. Thank you for helping. you great

[bucketflow]

Thank you for an amazing tutorial 🔥🔥🔥🔥🔥🔥

[ctcsys]

i had to stop listening - get rid of that background music pls

[kingaka]

increase the font size of the editor and remove the background music please.