App plugins can let you create a custom out-of-the-box monitoring experience by custom pages, nested datasources and panel plugins.
@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 please refer to Scenes documentation
- From Grafana Scenes root directory run
yarn install
- From Grafana Scenes root directory run
./scripts/demo.sh
- Navigate to http://localhost:3001/a/grafana-scenes-app
-
Modify Grafana config to load demo app plugin, i.e.
# Grafana custom.ini [plugin.grafana-scenes-app] path=<your-path>/grafana-scenes/packages/scenes-app
-
Use provided datasource provisioning file to setup required data source.
-
From
packages/scenes-app
runyarn dev
-
Navigate to http://localhost:3000/a/grafana-scenes-app/
For more details, checkout package.json
, docker-compose.yaml
, and the provisioning directory.