Step 5

Explore the dashboard

~5 minutes
Marks this step as complete and saves your progress

The azd app dashboard provides a real-time view of all your running services, their health status, logs, and more. Let's explore its features.

Accessing the Dashboard

The dashboard starts automatically when you run azd app run. To automatically open it in your browser, use:

bash
azd app run --web

Or access it directly at the URL shown in the terminal (typically http://localhost:4280).

Dashboard Features

Services Overview

The main view shows all your services with:

  • Status indicator - Green for healthy, red for issues
  • Port mappings - Which ports each service is running on
  • Quick actions - Restart, stop, or open logs for each service

Real-time Updates

The dashboard updates in real-time:

  • Service status changes reflect immediately
  • Logs stream live as they're generated
  • Resource usage updates every few seconds

Theme Toggle

Switch between light and dark mode using the theme toggle in the header.

Dashboard Sections

  • Services - Main view of all running services
  • Logs - Combined or per-service log viewer
  • Health - Detailed health check information
  • Settings - Dashboard configuration options

Try It Yourself

With your app running, open the dashboard and click on different services to see their details.

Expected: You should be able to see service status, view logs, and interact with the dashboard controls.

Opening in Browser

Use the --web or -w flag to automatically open the dashboard:

bash
azd app run -w

Dashboard Features

  • Real-time service status and health
  • Live log streaming from all services
  • Service URL links for quick access
  • Light and dark theme support