Skills
.Work. You
Rest

plugin-new-frontend-system-support

Official

Dual frontend-system support for Backstage plugins.

Software Engineering#migration#extensions#plugin-development#alpha#backstage#frontend-system#dual-entry
Authorbackstage
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Enables a Backstage plugin to run under both legacy and new frontend systems by introducing a dual-entry point, avoiding forcing consumers to migrate immediately.

Core Features & Use Cases

  • Dual entry point: keep existing src/plugin.ts (old) and add src/alpha.tsx (new)
  • Old system vs New system separation: maintain compatibility while enabling modern PageBlueprint-based pages
  • NFS page variants: implement NFS components that render without the old page shell
  • Step-by-step migration guidance: patterns for header handling, API migration to ApiBlueprint, and route ownership
  • Applies to published or shared plugins that need to work in both environments

Quick Start

Create the alpha entry point, export it via exports, implement the dual-header NFS components, and wire routes so the plugin supports both old and new frontend systems.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: plugin-new-frontend-system-support
Download link: https://github.com/backstage/backstage/archive/main.zip#plugin-new-frontend-system-support

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.