Backstage Setup, React Introduction & Service Catalog
Set up Backstage internal developer portal and learn React fundamentals by comparing to Vue.js.
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)
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 TaskFlow's real components, the FastAPI backend and Vue.js frontend, in the Backstage catalog as a service and a website pointing at the same GitHub repository, document their API relationship, and set up catalog dependencies.
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
Choose your plan
Simple, Transparent Pricing
Unlock full access to TeKanAid courses, labs, and bootcamps
Just exploring? Start free below. Want the full experience? Try Premium free for 7 days (card required, $0 today).
Pro
All courses, with lab scripts to run on your own machine
Renews automatically. Cancel anytime.
Final price verified at checkout.
- Full access to all courses
- Lab scripts to download and run on your own machine (hosted labs not included)
- Progress tracking
- Certificate of completion
- Community access
- Self-paced bootcamps
- Premium puzzle library not included (5 free puzzles available)
- New content access
Premium
Full access, including unlimited hosted labs
Renews automatically. Cancel anytime.
Final price verified at checkout.
- Everything in Pro
- Unlimited hands-on labs, fully hosted on TeKanAid Academy (nothing to set up)
- Full access to the puzzle library
- Lab AI Assistant
- 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 CoursesJust exploring? Start free, no account needed
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