Grafana Scenes App Plugin Template

This example demonstrates how to build a basic app plugin using @grafana/scenes framework.

What are Grafana app plugins?

App plugins can let you create a custom out-of-the-box monitoring experience by custom pages, nested datasources and panel plugins.

What is @grafana/scenes

@grafana/scenes is a framework to enable versatile app plugins implementation. It provides an easy way to build apps that resemble Grafana's dashboarding experience, including template variables support, versatile layouts, panels rendering and more.

To learn more about @grafana/scenes usage please refer to Scenes getting started guide

What does this template contain?

1. An example of a simple scene. See Home scene
2. An example of a scene with tabs. See Scene with tabs
3. An example of a scene with drill down. See Scene with drill down

Developing app plugin with this template

To run the plugin in development:

1. Install dependencies (yarn install)
2. Run the plugin (yarn dev)
3. Run Grafana with docker compose (docker compose up -d)
4. Navigate to http://localhost:3001/a/grafana-scenes-app/

For more details, checkout package.json, docker-compose.yaml, and the provisioning directory.