Integrate the Backstage TechDocs plugin. In the new format, docs are treated "as code" and live alongside the repo.
Update your packages/app/src/App.tsx to import the Bella Grey theme provider.
Restart the local dev server and confirm the "Bella Grey" color palette (neutral greys, specific accent hex codes) is active. Step B: Modeling the Catalog DAP Bella Grey - New Format Backstage - How it ...
This guide breaks down the implementation and operational flow for within the New Format Backstage environment . Whether you are migrating from a legacy setup or starting fresh, this structure ensures your developer portal remains organized and scalable. 1. Understanding the Architecture
Use this for your microservices or frontend apps. Integrate the Backstage TechDocs plugin
Instead of manual entry, use Software Templates to ensure every new project follows the Bella Grey standards automatically. Define a template.yaml . Include steps for "Publishing to GitHub/GitLab."
For more advanced customization, you can explore creating Custom Scaffolder Actions to automate specific Bella Grey deployment workflows. Restart the local dev server and confirm the
If a service doesn't appear, check that your catalog-info.yaml is in the root directory and that the Backstage backend has read access to the repository.