Add dynamic backend and frontend loaders

Signed-off-by: Jon Koops <jonkoops@gmail.com>

Author: jonkoops

packages/app/package.json

@@ -14,12 +14,12 @@
     "lint": "backstage-cli package lint"
   },
   "dependencies": {
-    "@backstage-community/plugin-announcements": "^2.4.0",
     "@backstage/cli": "^0.35.4",
     "@backstage/core-compat-api": "^0.5.8",
     "@backstage/core-components": "^0.18.7",
     "@backstage/core-plugin-api": "^1.12.3",
     "@backstage/frontend-defaults": "^0.4.0",
+    "@backstage/frontend-dynamic-feature-loader": "^0.1.9",
     "@backstage/frontend-plugin-api": "^0.14.0",
     "@backstage/integration-react": "^1.2.15",
     "@backstage/plugin-api-docs": "^0.13.4",

packages/app/src/App.tsx

@@ -1,8 +1,8 @@
 import { createApp } from '@backstage/frontend-defaults';
 import catalogPlugin from '@backstage/plugin-catalog/alpha';
-import announcementsPlugin from '@backstage-community/plugin-announcements/alpha';
+import { dynamicFrontendFeaturesLoader } from '@backstage/frontend-dynamic-feature-loader';
 import { navModule } from './modules/nav';
 
 export default createApp({
-  features: [catalogPlugin, announcementsPlugin, navModule],
+  features: [catalogPlugin, navModule, dynamicFrontendFeaturesLoader()],
 });

packages/backend/package.json

@@ -16,8 +16,8 @@
     "build-image": "docker build ../.. -f Dockerfile --tag backstage"
   },
   "dependencies": {
-    "@backstage-community/plugin-announcements-backend": "^0.22.0",
     "@backstage/backend-defaults": "^0.15.2",
+    "@backstage/backend-dynamic-feature-service": "^0.7.9",
     "@backstage/config": "^1.3.6",
     "@backstage/plugin-app-backend": "^0.5.11",
     "@backstage/plugin-auth-backend": "^0.27.0",

packages/backend/src/index.ts

@@ -7,6 +7,7 @@
  */
 
 import { createBackend } from '@backstage/backend-defaults';
+import { dynamicPluginsFeatureLoader } from '@backstage/backend-dynamic-feature-service';
 
 const backend = createBackend();
 
@@ -63,7 +64,7 @@ backend.add(import('@backstage/plugin-kubernetes-backend'));
 backend.add(import('@backstage/plugin-notifications-backend'));
 backend.add(import('@backstage/plugin-signals-backend'));
 
-// announcements plugin
-backend.add(import('@backstage-community/plugin-announcements-backend'));
+// enable dynamic plugins support
+backend.add(dynamicPluginsFeatureLoader);
 
 backend.start();