Backstage Setup, React Introduction & Service Catalog
Set up Backstage internal developer portal and learn React fundamentals by comparing to Vue.js.
Lab Overview
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
Choose your plan
Simple, Transparent Pricing
Unlock full access to TeKanAid courses, labs, and bootcamps
Pro
Course content without labs
Renews automatically. Cancel anytime.
- Full access to all courses
- Progress tracking
- Certificate of completion
- Community access
- Bootcamp participation
- New content access
Premium
Full access with hands-on labs
Renews automatically. Cancel anytime.
- 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.00. Full access to course content, quizzes, certificates, and community features — lab access is not included.
Browse CoursesFree Content Available
Explore our platform with free lessons, quizzes, and lab previews. No credit card required to get started. On the courses page, use the Access filter and select Free to find all available free content.
Browse Free ContentReady to Get Started?
Start this hands-on lab and build real-world Platform Engineering skills
Get Access Now