[Hyperdrive] Setting up example of Hyperdrive <> DigitalOcean.

src/content/docs/hyperdrive/examples/digital-ocean.mdx

@@ -0,0 +1,32 @@
+---
+type: example
+summary: Connect Hyperdrive to a Digital Ocean database instance.
+pcx_content_type: example
+title: Connect to Digital Ocean
+sidebar:
+  order: 14
+description: Connect Hyperdrive to a Digital Ocean database instance.
+---
+
+import { Render } from "~/components";
+
+This example shows you how to connect Hyperdrive to a Digital Ocean database instance.
+
+
+## 1. Allow Hyperdrive access
+
+To allow Hyperdrive to connect to your database, you will need to ensure that Hyperdrive has valid user credentials and network access.
+
+### DigitalOcean Dashboard
+
+1. Go to the DigitalOcean dashboard and select the database you wish to connect to.
+2. Go to the **Overview** tab.
+3. Under the **Connection Details** panel, select **Public network**.
+4. On the dropdown menu, select **Connection string**.
+5. Copy the connection string.
+
+With the connection string, you can now create a Hyperdrive database configuration.
+
+## 2. Create a database configuration
+
+<Render file="create-hyperdrive-config" />