thomasgauvin: add new database examples to hyperdrive

Author: thomasgauvin

src/content/docs/hyperdrive/examples/aws-rds-aurora.mdx

@@ -4,7 +4,7 @@ summary: Connect Hyperdrive to an AWS RDS or Aurora database instance.
 pcx_content_type: example
 title: Connect to AWS RDS and Aurora
 sidebar:
-  order: 11
+  order: 12
 description: Connect Hyperdrive to an AWS RDS or Aurora database instance.
 ---
 

src/content/docs/hyperdrive/examples/azure.mdx

@@ -0,0 +1,40 @@
+---
+type: example
+summary: Connect Hyperdrive to an Azure Database for PostgreSQL instance.
+pcx_content_type: example
+title: Connect to Azure Database
+sidebar:
+  order: 10
+description: Connect Hyperdrive to a Azure Database for PostgreSQL instance.
+---
+
+import { Render } from "~/components";
+
+This example shows you how to connect Hyperdrive to an Azure Database for PostgreSQL instance.
+
+## 1. Allow Hyperdrive access
+
+To allow Hyperdrive to connect to your database, you will need to ensure that Hyperdrive has valid credentials and network access.
+
+<Render file="public-connectivity" />
+
+### Azure Portal
+
+#### Public access networking
+
+To connect to your Azure Database for PostgreSQL instance using public Internet connectivity:
+
+1. In the [Azure Portal](https://portal.azure.com/), select the instance you want Hyperdrive to connect to.
+2. Expand **Settings** > **Networking** > ensure **Public access** is enabled > in **Firewall rules** add `0.0.0.0` as **Start IP address** and `255.255.255.255` as **End IP address**.
+3. Select **Save** to persist your changes.
+4. Select **Overview** from the sidebar and note down the **Server name** of your instance.
+
+With the username, password, server name and database name (default: `postgres`), you can now create a Hyperdrive database configuration.
+
+#### Private access networking
+
+To connect to a private Azure Database for PostgreSQL instance, refer to [Connect to a private database using Tunnel](/hyperdrive/configuration/connect-to-private-database/).
+
+## 2. Create a database configuration
+
+<Render file="create-hyperdrive-config" />

src/content/docs/hyperdrive/examples/google-cloud-sql.mdx

@@ -4,7 +4,7 @@ summary: Connect Hyperdrive to a Google Cloud SQL database instance.
 pcx_content_type: example
 title: Connect to Google Cloud SQL
 sidebar:
-  order: 10
+  order: 11
 description: Connect Hyperdrive to a Google Cloud SQL database instance.
 ---
 

src/content/docs/hyperdrive/examples/neon.mdx

@@ -6,10 +6,9 @@ title: Connect to Neon
 sidebar:
   order: 4
 description: Connect Hyperdrive to a Neon Postgres database.
-
 ---
 
-import { Render } from "~/components"
+import { Render } from "~/components";
 
 This example shows you how to connect Hyperdrive to a [Neon](https://neon.tech/) Postgres database.
 

src/content/docs/hyperdrive/examples/pgedge.mdx

@@ -6,20 +6,21 @@ title: Connect to pgEdge Cloud
 sidebar:
   order: 9
 description: Connect Hyperdrive to a pgEdge Postgres database.
-
 ---
 
-import { Render } from "~/components"
+import { Render } from "~/components";
 
-This example shows you how to connect Hyperdrive to a [pgEdge](https://pgedge.com/) Postgres database. pgEdge Cloud provides easy deployment of fully-managed, fully-distributed, and secure Postgres. 
+This example shows you how to connect Hyperdrive to a [pgEdge](https://pgedge.com/) Postgres database. pgEdge Cloud provides easy deployment of fully-managed, fully-distributed, and secure Postgres.
 
 ## 1. Allow Hyperdrive access
 
-You can connect Hyperdrive to any existing pgEdge database with the default user and password 
+You can connect Hyperdrive to any existing pgEdge database with the default user and password
 provided by pgEdge.
 
 ### pgEdge dashboard
 
+To retrieve your connection string from the pgEdge dashboard:
+
 1. Go to the [**pgEdge dashboard**](https://app.pgedge.com) and select the database you wish to connect to.
 2. From the **Connect to your database** section, note down the connection string (starting with `postgres://app@...`) from the **Connection String** text box.
 

src/content/docs/hyperdrive/examples/xata.mdx

@@ -0,0 +1,30 @@
+---
+type: example
+summary: Connect Hyperdrive to a Xata database instance.
+pcx_content_type: example
+title: Connect to Xata
+sidebar:
+  order: 2
+description: Connect Hyperdrive to a Xata database instance.
+---
+
+import { Render } from "~/components";
+
+This example shows you how to connect Hyperdrive to a Xata PostgreSQL database instance.
+
+## 1. Allow Hyperdrive access
+
+You can connect Hyperdrive to any existing Xata database with the default user and password provided by Xata.
+
+### Xata dashboard
+
+To retrieve your connection string from the Xata dashboard:
+
+1. Go to the [**Xata dashboard**](https://app.xata.io/).
+2. Select the database you want to connect to.
+3. Select **Settings**.
+4. Copy the connection string from the `PostgreSQL endpoint` section and add your API key.
+
+## 2. Create a database configuration
+
+<Render file="create-hyperdrive-config" />

src/content/partials/hyperdrive/create-hyperdrive-config.mdx

@@ -52,7 +52,7 @@ npm install postgres
 Copy the below Worker code, which passes the connection string generated from `env.HYPERDRIVE.connectionString` directly to the driver.
 
 ```ts
-import postgres from 'postgres'
+import postgres from "postgres";
 
 export interface Env {
 	// If you set another name in wrangler.toml as the value for 'binding',
@@ -62,20 +62,19 @@ export interface Env {
 
 export default {
 	async fetch(request, env, ctx): Promise<Response> {
-		console.log(JSON.stringify(env));
 		// Create a database client that connects to our database via Hyperdrive
 		// Hyperdrive generates a unique connection string you can pass to
 		// supported drivers, including node-postgres, Postgres.js, and the many
 		// ORMs and query builders that use these drivers.
-		const sql = postgres(env.HYPERDRIVE.connectionString)
+		const sql = postgres(env.HYPERDRIVE.connectionString);
 
 		try {
 			// Test query
-			const result = await sql`SELECT * FROM pg_tables;`
+			const result = await sql`SELECT * FROM pg_tables;`;
 
 			// Returns result rows as JSON
 			return Response.json({ result: result });
-		} catch (e) {
+		} catch (e: any) {
 			console.log(e);
 			return Response.json({ error: e.message }, { status: 500 });
 		}