From 9467690f4074ec360b479d57f2679d4590cd7d58 Mon Sep 17 00:00:00 2001 From: Vincenzo Scamporlino Date: Thu, 16 Oct 2025 20:23:29 +0200 Subject: [PATCH 1/4] Import Backstage UI CSS styles in index.ts Added import statement for Backstage UI styles. Signed-off-by: Vincenzo Scamporlino --- docs/frontend-system/building-apps/01-index.md | 1 + 1 file changed, 1 insertion(+) diff --git a/docs/frontend-system/building-apps/01-index.md b/docs/frontend-system/building-apps/01-index.md index d11b6efba2..ef79d36c4a 100644 --- a/docs/frontend-system/building-apps/01-index.md +++ b/docs/frontend-system/building-apps/01-index.md @@ -35,6 +35,7 @@ This is how to create a minimal app: import ReactDOM from 'react-dom/client'; import { createApp } from '@backstage/frontend-defaults'; import catalogPlugin from '@backstage/plugin-catalog/alpha'; +import '@backstage/ui/css/styles.css'; // Create your app instance const app = createApp({ From e2fc34c0e6ef8fba07ce79da9c390e3d1fa2949f Mon Sep 17 00:00:00 2001 From: Vincenzo Scamporlino Date: Thu, 16 Oct 2025 20:42:54 +0200 Subject: [PATCH 2/4] Clarify plugin installation in index.md Updated comments to clarify plugin installation and features. Signed-off-by: Vincenzo Scamporlino --- docs/frontend-system/building-apps/01-index.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/docs/frontend-system/building-apps/01-index.md b/docs/frontend-system/building-apps/01-index.md index ef79d36c4a..5dd0cd6310 100644 --- a/docs/frontend-system/building-apps/01-index.md +++ b/docs/frontend-system/building-apps/01-index.md @@ -34,13 +34,13 @@ This is how to create a minimal app: ```tsx title="in src/index.ts" import ReactDOM from 'react-dom/client'; import { createApp } from '@backstage/frontend-defaults'; -import catalogPlugin from '@backstage/plugin-catalog/alpha'; import '@backstage/ui/css/styles.css'; // Create your app instance const app = createApp({ - // Features such as plugins can be installed explicitly, but we will explore other options later on - features: [catalogPlugin], + // Custom features such as plugins can be installed explicitly, but they are usually + // auto-discovered, unless `app.packages` app-config is customized. + features: [], }); // This creates a React element that renders the entire app From cf56a5c35754c4a32426e2f2dbb2cc2333de58d7 Mon Sep 17 00:00:00 2001 From: Vincenzo Scamporlino Date: Thu, 16 Oct 2025 20:43:45 +0200 Subject: [PATCH 3/4] Update comment for app configuration clarity Signed-off-by: Vincenzo Scamporlino --- docs/frontend-system/building-apps/01-index.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/frontend-system/building-apps/01-index.md b/docs/frontend-system/building-apps/01-index.md index 5dd0cd6310..20b7435524 100644 --- a/docs/frontend-system/building-apps/01-index.md +++ b/docs/frontend-system/building-apps/01-index.md @@ -39,7 +39,7 @@ import '@backstage/ui/css/styles.css'; // Create your app instance const app = createApp({ // Custom features such as plugins can be installed explicitly, but they are usually - // auto-discovered, unless `app.packages` app-config is customized. + // auto-discovered, unless `app.packages` is customized in `app-config.yaml`. features: [], }); From 713dcd21ff0384289abe71ac230de0d1576e22e2 Mon Sep 17 00:00:00 2001 From: Vincenzo Scamporlino Date: Mon, 20 Oct 2025 21:17:16 +0200 Subject: [PATCH 4/4] Add catalogPlugin to app features Signed-off-by: Vincenzo Scamporlino --- docs/frontend-system/building-apps/01-index.md | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/docs/frontend-system/building-apps/01-index.md b/docs/frontend-system/building-apps/01-index.md index 20b7435524..0c96bdf15d 100644 --- a/docs/frontend-system/building-apps/01-index.md +++ b/docs/frontend-system/building-apps/01-index.md @@ -34,13 +34,14 @@ This is how to create a minimal app: ```tsx title="in src/index.ts" import ReactDOM from 'react-dom/client'; import { createApp } from '@backstage/frontend-defaults'; +import catalogPlugin from '@backstage/plugin-catalog/alpha'; import '@backstage/ui/css/styles.css'; // Create your app instance const app = createApp({ // Custom features such as plugins can be installed explicitly, but they are usually // auto-discovered, unless `app.packages` is customized in `app-config.yaml`. - features: [], + features: [catalogPlugin], }); // This creates a React element that renders the entire app