Putting Backstage into action
40 MINS
Adding components
There's multiple ways of adding new entities to the Backstage Catalog. INSERT EXPLANATION
Register an existing component
![Animation of the Backstage of the steps of the create flow as described below](https://backstage-spotify-com.spotifycdn.com/_next/static/media/backstage-learn-create-manual.e03f35e9.gif)
- In the sidebar, choose
create
and clickRegister existing component
- As URL use
https://github.com/backstage/backstage/blob/master/catalog-info.yaml
. This is used in our demo site catalog.
![Screenshot of the Backstage Entity registration screen, asking for a URL to a yaml file in a repo](https://backstage-spotify-com.spotifycdn.com/_next/static/media/register-existing-1.0b0c242a.png)
- Hit
Analyze
and review the changes. Apply them if correct
![Screenshot of the Backstage Entity registration screen, asking for a URL to a yaml file in a repo](https://backstage-spotify-com.spotifycdn.com/_next/static/media/register-existing-2.41db92b8.png)
- You should receive a message that your entities have been added.
- If you go back to
Home
, you should be able to findbackstage
. You should be able to click it and see the details of this newly imported entity.
Create a new component
- In the sidebar, click on
create
and choose to create a website with theExample Node.js Template
- Type in a name, for instance
rocket-app
- Select the group
team-a
which will own this new website, and go to the next step - For the location, leave it at github.com
- As owner, enter your GitHub username
- For the repository name, type
rocket-app
. - Review the details of this new service, and press
Create
if you want to deploy it like this. - As soon as every step is
finished succesfull, you can take a look at your new service by clicking
Open in catalog