This lab is currently in Beta, content may be updated as we refine the material
LABADVANCED

Backstage Setup, React Introduction & Service Catalog

Set up Backstage internal developer portal and learn React fundamentals by comparing to Vue.js.

45 minutes
developer-experience/backstage
Backstage Setup, React Introduction & Service Catalog - Platform Engineering Hands-On Lab Icon

Lab Overview

🛠 Lab from the Platform Engineering Bootcamp. Used in Week 13. Bootcamp landing page: https://academy.tekanaid.com/bootcamps/platform-engineering-bootcamp Parent course(s):

  • Week 13: Backstage: Internal Developer Portal (slug: backstage-developer-portal)

🟡 Beta bootcamp lab. Hands-on instructions, check scripts, and solve scripts are in place. Lab is part of the running TaskFlow project that grows across all 21 weeks of the bootcamp.

Set up Backstage internal developer portal and learn React fundamentals by comparing to Vue.js. Install Backstage, understand the architecture, and compare React patterns (JSX, hooks, useState, useEffect) to Vue.js Composition API. Create a complete service catalog for TaskFlow components with proper metadata, relationships, and integrations.

You'll register all TaskFlow microservices (frontend, backend, database, Redis) in Backstage catalog, document APIs and dependencies, link to GitHub repositories, and set up catalog relationships.

Learn React while building practical platform engineering solutions.

What You'll Learn

Install and configure Backstage as an internal developer portal

Register software components in the Backstage service catalog with proper metadata

Define component relationships and dependencies in catalog YAML

Understand Backstage's core architecture including the catalog and plugin system

Compare React and Vue.js patterns to prepare for plugin development

Prerequisites

taskflow-frontend-development

vuejs-fundamentals

kubernetes-basics

docker-fundamentals

nodejs-basics

Technologies Covered

backstagereactvuejsservice-catalogdeveloper-portalplatform-engineering

Part of a Course

This lab is part of the Platform Engineering Bootcamp course

View All Courses

Choose your plan

Simple, Transparent Pricing

Unlock full access to TeKanAid courses, labs, and bootcamps

MonthlyQuarterly

Pro

Course content without labs

$59/month

Renews automatically. Cancel anytime.

Final price verified at checkout.

  • Full access to all courses
  • Progress tracking
  • Certificate of completion
  • Community access
  • Bootcamp participation
  • New content access
Recommended

Premium

Full access with hands-on labs

$99/month

Renews automatically. Cancel anytime.

Final price verified at checkout.

  • Everything in Pro
  • Unlimited hands-on labs
  • Lab AI Assistant
  • Accelerator bootcamps with live office hours
  • Priority support

Prefer a single course?

Purchase individual courses for a one-time fee of $79. Full access to course content, quizzes, certificates, and community features, lab access is not included.

Browse Courses

Try it free, no credit card

Three free ways to start. All bridge into the paid Premium catalog when you're ready.

Not ready to commit? The crash course is email-only. No academy account required.

Ready to Get Started?

Start this hands-on lab and build real-world Platform Engineering skills

Get Access Now