Diana Payton
c1b057a57d
* Create _index.md * Create linking-overview * Create dashboard-links * Update linking-overview * Added content, renamed files * Moved and renamed files * renamed file * Update link-panels.md * Added URL variables and changed content * Delete links.md Content moved to other files * Update menu.yaml * Delete timerange.md Content moved to URL variables * content updates * updated links * Revert "Delete timerange.md" This reverts commit662672c03b. * Create data-links.md * Revert "Delete links.md" This reverts commitc83ba7eed3. * content updates * Added data links topic * Update _index.md * Update _index.md * Update docs/sources/linking/data-links.md Co-authored-by: Dominik Prokop <dominik.prokop@grafana.com> * Update data-links.md * Update data-links.md Co-authored-by: Daniel Lee <dan.limerick@gmail.com> Co-authored-by: Dominik Prokop <dominik.prokop@grafana.com>
76 lines
2.4 KiB
Markdown
76 lines
2.4 KiB
Markdown
+++
|
|
title = "Build a plugin"
|
|
type = "docs"
|
|
+++
|
|
|
|
# Build a plugin
|
|
|
|
For more information on the types of plugins you can build, refer to the [Plugin Overview]({{< relref "../../plugins/_index.md" >}}).
|
|
|
|
## Get started
|
|
|
|
The easiest way to start developing Grafana plugins is to use the [Grafana Toolkit](https://www.npmjs.com/package/@grafana/toolkit).
|
|
|
|
Open the terminal, and run the following command in your [plugin directory]({{< relref "../../installation/configuration.md#plugins" >}}):
|
|
|
|
```bash
|
|
npx @grafana/toolkit plugin:create my-grafana-plugin
|
|
```
|
|
|
|
If you want a more guided introduction to plugin development, check out our tutorials:
|
|
|
|
- [Build a panel plugin]({{< relref "../../../../../tutorials/build-a-panel-plugin.md" >}})
|
|
- [Build a data source plugin]({{< relref "../../../../../tutorials/build-a-data-source-plugin.md" >}})
|
|
|
|
## Go further
|
|
|
|
Learn more about specific areas of plugin development.
|
|
|
|
### Tutorials
|
|
|
|
If you're looking to build your first plugin, check out these introductory tutorials:
|
|
|
|
- [Build a panel plugin]({{< relref "../../../../../tutorials/build-a-panel-plugin.md" >}})
|
|
- [Build a data source plugin]({{< relref "../../../../../tutorials/build-a-data-source-plugin.md" >}})
|
|
|
|
Ready to learn more? Check out our other tutorials:
|
|
|
|
- [Build a panel plugin with D3.js]({{< relref "../../../../../tutorials/build-a-panel-plugin-with-d3.md" >}})
|
|
|
|
### Guides
|
|
|
|
Improve an existing plugin with one of our guides:
|
|
|
|
- [Add support for annotations]({{< relref "add-support-for-annotations.md" >}})
|
|
- [Add support for variables]({{< relref "add-support-for-variables.md" >}})
|
|
- [Build a logs data source]({{< relref "build-a-logs-data-source.md" >}})
|
|
|
|
### Concepts
|
|
|
|
Deepen your knowledge through a series of high-level overviews of plugin concepts:
|
|
|
|
- [Data frames]({{< relref "data-frames.md" >}})
|
|
- [Authentication for data source plugins]({{< relref "authentication.md" >}})
|
|
|
|
### UI library
|
|
|
|
Explore the many UI components in our [Grafana UI library](https://developers.grafana.com/ui).
|
|
|
|
### API reference
|
|
|
|
Learn more about Grafana options and packages.
|
|
|
|
#### Metadata
|
|
|
|
- [Plugin metadata]({{< relref "metadata.md" >}})
|
|
|
|
#### Typescript
|
|
|
|
- [Grafana Data]({{< relref "../../packages_api/data/_index.md" >}})
|
|
- [Grafana Runtime]({{< relref "../../packages_api/runtime/_index.md" >}})
|
|
- [Grafana UI]({{< relref "../../packages_api/ui/_index.md" >}})
|
|
|
|
#### Go
|
|
|
|
- [Grafana Plugin SDK](https://pkg.go.dev/mod/github.com/grafana/grafana-plugin-sdk-go?tab=overview)
|