Backend Studio (Alpha)
Overview
Backend Studio provides a visual graph of your backend architecture.
Features
Visual Graph
- See connections between components
- UI components, API endpoints, database tables, services
- Understand your architecture at a glance
Node Types
- UI Components: Frontend components
- API Endpoints: Backend API routes
- Database Tables: Database schema
- Services: External services and integrations
- Convex Functions: Convex backend functions
Graph Navigation
- Zoom and pan
- Click nodes for details
- See connections between components
- Filter by node type
Auto-Detection
- Automatically scans your project
- Detects routes, API endpoints, database schemas
- Updates as your project changes
Using Backend Studio
Opening Backend Studio
- Open a project
- Click "Backend Studio" in the sidebar
- See the visual graph
Exploring the Graph
- Zoom: Scroll or pinch
- Pan: Click and drag
- Select nodes: Click a node
- See details: Node information appears in sidebar
Understanding Connections
- Lines show relationships
- Different colors for different connection types
- Hover to see connection details
Note: This feature is in Alpha. Some features may be limited or change.