Backend Feature Loaders

Backend feature loaders are used to programmatically select and install features in a Backstage backend. They can service a wide range of use cases, such as enabling or disabling features based on static configuration, dynamically load features at runtime, or conditionally load features based on the state of a system.

Feature loaders are defined using the createBackendFeatureLoader function, exported by @backstage/backend-plugin-api. It accepts a loader function, as well as an optional deps object for declaring service dependencies. Unlike plugins and modules, feature loaders are limited to only depending on root-scoped services, but that still allows access to for example the root config and root logger services.

The loader function can be defined in many different ways, with the main requirement being that it returns a list of BackendFeatures in some form. A backend feature is the kind of object that you can pass to backend.add(...), for example services factories, plugins, modules, or even other feature loaders. The loader function can be synchronous or asynchronous, and can be defined as a generator function to allow for more complex logic.

Examples

The following are a few example of how feature loaders can be used:

Simple list of features

A feature loader can simply return a list of features to be installed:

export default createBackendFeatureLoader({
  loader() {
    return [
      import('@backstage/plugin-search-backend/alpha'),
      import('@backstage/plugin-search-backend-module-catalog/alpha'),
      import('@backstage/plugin-search-backend-module-explore/alpha'),
      import('@backstage/plugin-search-backend-module-techdocs/alpha'),
    ];
  },
});

It can also encapsulate a collection of custom features:

export default createBackendFeatureLoader({
  // Async loader is fine too
  async loader() {
    return [
      createBackendPlugin({
        ...
      }),
      createBackendModule({
        ...
      }),
    ]
  },
});

Conditional loading

A feature loader can access root-scoped services, such as the config service. This allows for conditional loading of features based on configuration. It is often convenient to use a generator function for this purpose:

export default createBackendFeatureLoader({
  deps: {
    config: coreServices.rootConfig,
  },
  // The `*` in front of the function name makes it a generator function
  *loader({ config }) {
    // Example of a custom config flag to enable search
    if (config.getOptionalString('customFeatureToggle.search')) {
      yield import('@backstage/plugin-search-backend/alpha');
      yield import('@backstage/plugin-search-backend-module-catalog/alpha');
      yield import('@backstage/plugin-search-backend-module-explore/alpha');
      yield import('@backstage/plugin-search-backend-module-techdocs/alpha');
    }
  },
});

Dynamic logic

A feature loader can also be asynchronous, and for example fetch data from an external source to determine which features to load:

export default createBackendFeatureLoader({
  // The `async *` in front of the function name makes it an async generator function.
  async *loader() {
    const localMetadata = await readMetadataFromDisk();

    if (localMetadata.enableSearch) {
      yield import('@backstage/plugin-search-backend/alpha');
      yield import('@backstage/plugin-search-backend-module-catalog/alpha');

      const remoteMetadata = await fetchMetadata();

      if (remoteMetadata.enableExplore) {
        yield import('@backstage/plugin-search-backend-module-explore/alpha');
      }
      if (remoteMetadata.enableTechDocs) {
        yield import('@backstage/plugin-search-backend-module-techdocs/alpha');
      }
    }
  },
});