Add Supabase Cloud DBM setup page and link to Postgres setup

config/_default/menus/main.en.yaml

@@ -4680,6 +4680,16 @@ menu:
       parent: dbm_setup_postgres
       identifier: dbm_postgres_supabase
       weight: 307
+    - name: Supabase Cloud
+      url: database_monitoring/setup_postgres/supabase
+      parent: dbm_postgres_supabase
+      identifier: dbm_supabase_cloud
+      weight: 1000
+    - name: Supabase Self-Hosted
+      url: database_monitoring/setup_postgres/supabase/agent
+      parent: dbm_postgres_supabase
+      identifier: dbm_supabase_agent
+      weight: 2000
     - name: Heroku
       url: database_monitoring/setup_postgres/heroku
       parent: dbm_setup_postgres

content/en/database_monitoring/setup_postgres/supabase/_index.md

@@ -0,0 +1,71 @@
+---
+title: Setting Up Database Monitoring for Supabase Cloud
+description: Install and configure Database Monitoring for Supabase with the Supabase Cloud integration.
+further_reading:
+    - link: '/integrations/postgres/'
+      tag: 'Documentation'
+      text: 'Basic Postgres Integration'
+    - link: '/database_monitoring/setup_postgres/supabase/agent'
+      tag: 'Documentation'
+      text: 'Supabase Self-Hosted Setup (Agent Installation)'
+---
+
+Database Monitoring for Supabase Cloud provides visibility into your Supabase databases by exposing query performance metrics and query samples — without requiring a self-hosted Datadog Agent.
+
+<div class="alert alert-info">For self-hosted Supabase deployments that require a Datadog Agent, see <a href="/database_monitoring/setup_postgres/supabase/agent">Supabase Self-Hosted Setup</a>.</div>
+
+## Prerequisites
+
+- A Supabase project with a Postgres database.
+- Your Supabase **Project ID** (found in your Supabase project settings).
+- Your Supabase **API key** (found in your Supabase project settings under **API**).
+- A Supabase **Personal Access Token** with access to the Management API.
+
+## Setup
+
+1. Navigate to the [Supabase integration tile][1] in Datadog.
+1. Click **Add Account**.
+1. Enter your Supabase **Project ID** and **API Key**.
+1. Select **Enable Database Monitoring for query performance optimizations**.
+1. Enter your **Personal Access Token**.
+1. Click **Save**.
+
+Datadog connects to your Supabase project and begins collecting Database Monitoring telemetry. No Agent installation is required.
+
+## Data collected
+
+After you enable Database Monitoring, Datadog collects the following telemetry from your Supabase Cloud database:
+
+### Query performance metrics
+Sourced from `pg_stat_statements`, collected every 5 seconds:
+- Call count and rows processed
+- Total and average execution time
+- Shared and local buffer hit/read/dirty/write statistics
+- Block I/O read and write time
+- Temporary buffer read and write counts
+
+### Query samples
+Sourced from `pg_stat_activity`, collected every 5 seconds:
+- Active and idle query snapshots
+- Obfuscated query text and query signatures
+- Wait event types and event names
+- Session state and backend type
+- Blocking PIDs
+- Connection aggregates grouped by application, state, user, and database
+
+### Database instance metadata
+Collected every 5 seconds:
+- PostgreSQL version
+- Instance identifier and hostname
+- Connection mode (direct or pooler)
+
+## Validate
+
+After setup, navigate to the [Database Monitoring][2] page in Datadog to see your Supabase database queries and performance metrics.
+
+## Further reading
+
+{{< partial name="whats-next/whats-next.html" >}}
+
+[1]: https://app.datadoghq.com/integrations/supabase
+[2]: https://app.datadoghq.com/databases

content/en/database_monitoring/setup_postgres/supabase.md → content/en/database_monitoring/setup_postgres/supabase/agent.md

@@ -1,6 +1,6 @@
 ---
-title: Setting Up Database Monitoring for Supabase
-description: Install and configure Database Monitoring for Supabase.
+title: Setting Up Database Monitoring for Supabase Self-Hosted
+description: Install and configure Database Monitoring for Supabase with the Datadog Agent.
 further_reading:
     - link: '/integrations/postgres/'
       tag: 'Documentation'

layouts/partials/dbm/dbm-setup-postgres.html

@@ -51,6 +51,13 @@
           </div>
         </a>
       </div>
+      <div class="col">
+        <a class="card h-100" href="/database_monitoring/setup_postgres/supabase">
+          <div class="card-body text-center py-2 px-1">
+            {{ partial "img.html" (dict "root" . "src" "integrations_logos/supabase.png" "class" "img-fluid" "alt" "Supabase" "width" "175") }}
+          </div>
+        </a>
+      </div>
     </div>
 
   </div>