{"id":16812,"date":"2023-12-26T11:37:58","date_gmt":"2023-12-26T06:07:58","guid":{"rendered":"https:\/\/opstree.com\/blog\/\/?p=16812"},"modified":"2025-11-21T16:00:00","modified_gmt":"2025-11-21T10:30:00","slug":"agentless-monitoring-integrating-supabase-metrics-with-grafana-cloud","status":"publish","type":"post","link":"https:\/\/opstree.com\/blog\/2023\/12\/26\/agentless-monitoring-integrating-supabase-metrics-with-grafana-cloud\/","title":{"rendered":"Agentless Monitoring: Integrating Supabase Metrics with Grafana\u00a0Cloud"},"content":{"rendered":"\r\n

The Power of Agentless Monitoring<\/h2>\r\n\r\n\r\n\r\n

Before we dive into the technicalities, let\u2019s understand the core benefits of agentless monitoring. It\u2019s like having a silent guardian for your application, one that doesn\u2019t require the extra resources or management overhead that traditional agents do. This means less complexity, less maintenance overhead, and better accuracy in your monitoring.<\/p>\r\n\r\n\r\n\r\n

TLDR<\/strong>; If you have a service exposing prometheus compatible endpoint, then you can scrape those metrics directly with services like Grafana Cloud without needing any intermediate agent.<\/p>\r\n\r\n\r\n\r\n

Why Supabase and Grafana Cloud<\/h2>\r\n\r\n\r\n\r\n

Supabase<\/a>\u00a0is making waves as a top pick for developers needing a backend service, thanks to its solid PostgreSQL base and ease of use.<\/p>\r\n\r\n\r\n\r\n

Grafana Cloud<\/a>\u00a0brings a lot to the table, with its easy-to-use features like drag-and-drop dashboards, smart alerts, and even some clever machine learning tricks to help you spot and fix problems before they blow up. In short, Grafana Cloud doesn\u2019t just make monitoring simpler; it makes it smarter, helping developers keep their apps running smoothly and their users happy.<\/p>\r\n\r\n\r\n\r\n

<\/p>\r\n\r\n\r\n\r\n

Pre-Requisites<\/h2>\r\n\r\n\r\n\r\n

Before we start, ensure you have an active Supabase project and a Grafana Cloud account. Once you\u2019re set, the process is straightforward.<\/p>\r\n\r\n\r\n\r\n

Metrics with Grafana\u00a0Cloud<\/h1>\r\n\r\n\r\n\r\n

The Power of Agentless Monitoring<\/h2>\r\n\r\n\r\n\r\n

Before we dive into the technicalities, let\u2019s understand the core benefits of agentless monitoring. It\u2019s like having a silent guardian for your application, one that doesn\u2019t require the extra resources or management overhead that traditional agents do. This means less complexity, less maintenance overhead, and better accuracy in your monitoring.<\/p>\r\n\r\n\r\n\r\n

TLDR<\/strong>; If you have a service exposing Prometheus compatible endpoint, then you can scrape those metrics directly with services like Grafana Cloud without needing any intermediate agent.<\/p>\r\n\r\n\r\n\r\n

Why Supabase and Grafana Cloud<\/h2>\r\n\r\n\r\n\r\n

Supabase<\/a>\u00a0is making waves as a top pick for developers needing a backend service, thanks to its solid PostgreSQL base and ease of use.<\/p>\r\n\r\n\r\n\r\n

Grafana Cloud<\/a>\u00a0brings a lot to the table, with its easy-to-use features like drag-and-drop dashboards, smart alerts, and even some clever machine learning tricks to help you spot and fix problems before they blow up. In short, Grafana Cloud doesn\u2019t just make monitoring simpler; it makes it smarter, helping developers keep their apps running smoothly and their users happy.<\/p>\r\n\r\n\r\n\r\n

Pre-Requisites<\/h2>\r\n\r\n\r\n\r\n

Before we start, ensure you have an active Supabase project and a Grafana Cloud account. Once you\u2019re set, the process is straightforward.<\/p>\r\n\r\n\r\n\r\n

Accessing Supabase Metrics<\/h2>\r\n\r\n\r\n\r\n

Each project hosted on the Supabase platform comes with a Prometheus-compatible metrics endpoint, which can be used to gather insight into the health and status of your project.<\/p>\r\n\r\n\r\n\r\n

Once you have created a project, navigate to the\u00a0Settings &gt; api<\/code>\u00a0to get the resources required to set up the monitoring. Now you\u2019ll be able to see the project URL and with that, your project\u2019s metrics endpoint will look like below.<\/p>\r\n\r\n\r\n\r\n

https:\/\/.supabase.co\/customer\/v1\/privileged\/metrics\r\n<\/pre>\r\n\r\n\r\n\r\n
Access to the endpoint is secured via HTTP Basic Authentication; the\u00a0username<\/code>\u00a0is\u00a0service_role<\/code>, while the password is the service role token as shown below.<\/p>\r\n\r\n\r\n\r\n
\"\"<\/figure>\r\n\r\n\r\n\r\n
For more details refer to Supabase\u00a0docs.<\/p>\r\n\r\n\r\n\r\n
Integrating Supabase Metrics with Grafana Cloud<\/h2>\r\n\r\n\r\n\r\n
Open your Grafana Cloud interface and follow the steps below:<\/p>\r\n\r\n\r\n\r\n
Step 1<\/strong>: Click the left hamburger icon and go to\u00a0Connections<\/code>. Now click\u00a0Add New Connection<\/code>\u00a0and click on the\u00a0Metrics Endpoint<\/code>\u00a0integration as shown below.<\/p>\r\n\r\n\r\n\r\n
\"\"<\/figure>\r\n\r\n\r\n\r\n
\"\"<\/figure>\r\n\r\n\r\n\r\n
Step 2<\/strong>: Enter the Scrape job name as\u00a0supabase-metrics<\/code>(or whatever you like). Now, enter the URL & credentials below and click\u00a0Test Connection<\/code>:<\/p>\r\n\r\n\r\n\r\n
The credentials should look like this:<\/p>\r\n\r\n\r\n\r\n
Scrape Job URL: https:\/\/gqwtyiinnrzayndiu.supabase.co\/\/customer\/v1\/privileged\/metrics\r\nBasic Username: service_role\r\nBasic Password: \r\n<\/pre>\r\n\r\n\r\n\r\n
\"\"<\/figure>\r\n\r\n\r\n\r\n
>NOTE<\/strong>: The password is the one which you get after clicking\u00a0reveal<\/code>\u00a0button near the\u00a0service_role<\/code>\u00a0label. If >you provide the value of\u00a0JWT Secret<\/code>\u00a0as\u00a0Basic Password<\/code>, it will not work.<\/p>\r\n\r\n\r\n\r\n
Once the connection is established, first click\u00a0Save Scrape Job\u00a0and then click\u00a0Install. This will create a scrape job and start scraping the metrics from the specified Supabase project endpoint. If everything goes well, your interface should look like the below:<\/p>\r\n\r\n\r\n\r\n
\"\"<\/figure>\r\n\r\n\r\n\r\n
Creating The Dashboard<\/h2>\r\n\r\n\r\n\r\n
With the data source connected, you can now create dashboards.<\/p>\r\n\r\n\r\n\r\n
Step 1<\/strong>: Go to\u00a0Dashboards<\/code>\u00a0either by clicking the\u00a0View Dashboards<\/code>\u00a0button or open the hamburger menu and click on\u00a0Dashboards<\/code>. Click on\u00a0New<\/code>\u00a0button.<\/p>\r\n\r\n\r\n\r\n
\"\"<\/figure>\r\n\r\n\r\n\r\n
Step 2<\/strong>: You can now either create your own custom dashboard or you may import the existing dashboard either using the URL or copy-pasting the JSON. We\u2019ll follow the latter approach here.<\/p>\r\n\r\n\r\n\r\n
\"\"<\/figure>\r\n\r\n\r\n\r\n
Step 3<\/strong>: Copy the dashboard from Supabase\u2019s\u00a0grafana-agent-fly-example<\/a>\u00a0repository on GitHub, paste in the text box below\u00a0Import via dashboard JSON model<\/code>\u00a0and click\u00a0Load<\/code>.<\/p>\r\n\r\n\r\n\r\n
\"\"<\/figure>\r\n\r\n\r\n\r\n
Step 4<\/strong>: On the next page, click\u00a0Import<\/code>. You may keep other fields as default or change as per your requirement.<\/p>\r\n\r\n\r\n\r\n
\"\"<\/figure>\r\n\r\n\r\n\r\n
If everything goes well, you\u2019ll see this beautiful dashboard which will help you observe several critical supabase metrics.<\/p>\r\n\r\n\r\n\r\n
\"\"<\/figure>\r\n\r\n\r\n\r\n
>NOTE: The above dashboard shall not be taken as a candidate for your production use. Check the JSON and identify the metrics carefully as per your production requirement. The dashboard used here is for reference purpose only.<\/p>\r\n\r\n\r\n\r\n
We can further enhance the power of this monitoring system by including enterprise plugins like\u00a0Grafana Enterprise Metrics(GEM)\u00a0which is a commercial offering based on the open-source project Grafana Mimir. The commercial offering allows you to access a highly scalable, simple, and reliable Metrics cluster within Grafana Cloud offering advanced data querying and long-term data analysis capabilities.<\/p>\r\n\r\n\r\n\r\n
Blog Pundits:\u00a0\u00a0Sanjeev Pandey<\/a>\u00a0and\u00a0Sandeep Rawat<\/a><\/strong><\/p>\r\n\r\n\r\n\r\n
OpsTree is an End-to-End\u00a0DevOps Solution<\/a>\u00a0Provider<\/strong><\/p>\r\n\r\n\r\n\r\n
\r\n
Contact Us<\/a><\/div>\r\n<\/div>\r\n\r\n\r\n\r\n
Connect with Us<\/strong><\/p>\r\n\r\n\r\n\r\n