[Jun] Updating dashboard instructions with DashButton. (#24861)

* Updating instructions for Workers KV dashboard instructions

* Updating dashbutton for all affected D1 chapters

* Updating Hyperdrive chapters with DashButton

* Updating R2 chapters dashboard instructions

* Catching missed R2 chapters

* Catching DO docs

* Updating dash instructions for Pages docs

* Pushing changes for Workers AI docs

* Adding introductory sentence when using the DashButton

* Apply suggestions from code review

Co-authored-by: Pedro Sousa <[email protected]>

* Adding button for Workers KV

---------

Co-authored-by: Pedro Sousa <[email protected]>

Author: 2 people

src/content/docs/cloudflare-one/policies/access/external-evaluation.mdx

@@ -5,7 +5,7 @@ sidebar:
   order: 4
 ---
 
-import { GlossaryTooltip, Example, WranglerConfig } from "~/components";
+import { GlossaryTooltip, Example, WranglerConfig, DashButton } from "~/components";
 
 With Cloudflare Access, you can create Allow or Block policies which evaluate the user based on custom criteria. This is done by adding an **External Evaluation** rule to your policy. The **External Evaluation** selector requires two values:
 
@@ -102,7 +102,8 @@ To generate an RSA private/public key pair:
 1. Open a browser and go to `https://my-worker.<YOUR_SUBDOMAIN>.workers.dev/keys`.
 
 2. (Optional) Verify that the key has been stored in the `KV` namespace:
-   1. Open the [Cloudflare dashboard](https://dash.cloudflare.com/) and go to **Workers & Pages** > **KV**.
+   1. In the Cloudflare dashboard, go to the **Workers KV** page.
+			<DashButton url="/?to=/:account/workers/kv/namespaces" />
    2. Select **View** next to `my-worker-KV`.
 
 Other key formats (such as DSA) are not supported at this time.

src/content/docs/d1/best-practices/read-replication.mdx

@@ -6,7 +6,7 @@ sidebar:
   badge: Beta
 ---
 
-import { GlossaryTooltip, Details, GitHubCode, APIRequest, Tabs, TabItem, TypeScriptExample } from "~/components"
+import { GlossaryTooltip, Details, GitHubCode, APIRequest, Tabs, TabItem, TypeScriptExample, DashButton } from "~/components"
 
 D1 read replication can lower latency for read queries and scale read throughput by adding read-only database copies, called read replicas, across regions globally closer to clients.
 
@@ -69,7 +69,9 @@ D1 read replication achieves this by attaching a <GlossaryTooltip term="bookmark
 
 Read replication can be enabled at the database level in the Cloudflare dashboard. Check **Settings** for your D1 database to view if read replication is enabled.
 
-1. Go to [**Workers & Pages** > **D1**](https://dash.cloudflare.com/?to=/:account/workers/d1).
+1. In the Cloudflare dashboard, go to the **D1** page.
+
+   <DashButton url="/?to=/:account/workers/d1" />
 2. Select an existing database > **Settings** > **Enable Read Replication**.
 
 ### Start a session without constraints
@@ -408,7 +410,7 @@ To see the impact of read replication and check the how D1 requests are processe
 - The `meta` object within the [`D1Result`](/d1/worker-api/return-object/#d1result) return object, which includes new fields:
   - `served_by_region`
   - `served_by_primary`
-- The [Cloudflare dashboard](https://dash.cloudflare.com/?to=/:account/workers/d1), where you can view your database metrics breakdown by region that processed D1 requests.
+- The Cloudflare dashboard, where you can view your database metrics breakdown by region that processed D1 requests.
 
 ## Pricing
 D1 read replication is built into D1, so you don’t pay extra storage or compute costs for read replicas. You incur the exact same D1 [usage billing](/d1/platform/pricing/#billing-metrics) with or without replicas, based on `rows_read` and `rows_written` by your queries.

src/content/docs/d1/best-practices/remote-development.mdx

@@ -1,11 +1,14 @@
 ---
 title: Remote development
 pcx_content_type: concept
+reviewed: 2025-09-02
 sidebar:
   order: 9
 
 ---
 
+import { DashButton } from "~/components";
+
 D1 supports remote development using the [dashboard playground](/workers/playground/#use-the-playground). The dashboard playground uses a browser version of Visual Studio Code, allowing you to rapidly iterate on your Worker entirely in your browser.
 
 ## 1. Bind a D1 database to a Worker
@@ -20,14 +23,15 @@ Users new to D1 and/or Cloudflare Workers should read the [D1 tutorial](/d1/get-
 
 :::
 
-1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com) and select your account.
-2. Go to [**Workers & Pages** > **Overview**](https://dash.cloudflare.com/?to=/:account/workers-and-pages).
-3. Select an existing Worker.
-4. Select the **Settings** tab.
-5. Select the **Variables** sub-tab.
-6. Scroll down to the **D1 Database Bindings** heading.
-7. Enter a variable name, such as `DB`, and select the D1 database you wish to access from this Worker.
-8. Select **Save and deploy**.
+1. In the Cloudflare dashboard, go to the **Workers & Pages** page.
+
+   <DashButton url="/?to=/:account/workers-and-pages" />
+2. Select an existing Worker.
+3. Go to the **Bindings** tab.
+4. Select **Add binding**.
+5. Select **D1 database** > **Add binding**.
+6. Enter a variable name, such as `DB`, and select the D1 database you wish to access from this Worker.
+7. Select **Add binding**.
 
 ## 2. Start a remote development session
 

src/content/docs/d1/configuration/data-location.mdx

@@ -5,6 +5,8 @@ sidebar:
   order: 5
 ---
 
+import { DashButton } from "~/components";
+
 Learn how the location of data stored in D1 is determined, including where the leader is placed and how you optimize that location based on your needs.
 
 ## Automatic (recommended)
@@ -46,11 +48,12 @@ wrangler d1 create new-database --location=weur
 
 To provide a location hint when creating a database via the dashboard:
 
-1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com) and select your account.
-2. Go to [**Workers & Pages** > **D1**](https://dash.cloudflare.com/?to=/:account/workers/d1).
-3. Select **Create database**.
-4. Provide a database name and an optional **Location**.
-5. Select **Create** to create your database.
+1. In the Cloudflare dashboard, go to the **D1** page.
+
+   <DashButton url="/?to=/:account/workers/d1" />
+2. Select **Create database**.
+3. Provide a database name and an optional **Location**.
+4. Select **Create** to create your database.
 
 ## Available location hints
 

src/content/docs/d1/get-started.mdx

@@ -6,7 +6,7 @@ sidebar:
   order: 2
 ---
 
-import { Render, PackageManagers, Steps, FileTree, Tabs, TabItem, TypeScriptExample, WranglerConfig } from "~/components";
+import { Render, PackageManagers, Steps, FileTree, Tabs, TabItem, TypeScriptExample, WranglerConfig, DashButton } from "~/components";
 
 This guide instructs you through:
 
@@ -89,12 +89,12 @@ For example: `CI=true npm create cloudflare@latest d1-tutorial --type=simple --g
 </TabItem> <TabItem label='Dashboard'>
 
 <Steps>
-1. Log in to your [Cloudflare dashboard](https://dash.cloudflare.com/) and select your account.
-2. Go to your account > **Compute (Workers)** > **Workers & Pages**.
-3. Select **Create**.
-4. Under **Start from a template**, select **Hello world**.
-5. Name your Worker. For this tutorial, name your Worker `d1-tutorial`.
-6. Select **Deploy**.
+1. In the Cloudflare dashboard, go to the **Workers & Pages** page.
+   <DashButton url="/?to=/:account/workers-and-pages" />
+2. Select **Create application**.
+3. Select **Start with Hello World!** > **Get started**.
+4. Name your Worker. For this tutorial, name your Worker `d1-tutorial`.
+5. Select **Deploy**.
 </Steps>
 </TabItem> </Tabs>
 
@@ -148,7 +148,9 @@ This creates a new D1 database and outputs the [binding](/workers/runtime-apis/b
 </TabItem> <TabItem label='Dashboard'>
 
 <Steps>
-1. Go to **Storage & Databases** > **D1 SQL Database**.
+1. In the Cloudflare dashboard, go to the **D1 SQL database** page.
+
+   <DashButton url="/?to=/:account/workers/d1" />
 2. Select **Create Database**.
 3. Name your database. For this tutorial, name your D1 database `prod-d1-tutorial`.
 4. (Optional) Provide a location hint. Location hint is an optional parameter you can provide to indicate your desired geographical location for your database. Refer to [Provide a location hint](/d1/configuration/data-location/#provide-a-location-hint) for more information.
@@ -216,18 +218,14 @@ You can also bind your D1 database to a [Pages Function](/pages/functions/). For
 You create bindings by adding them to the Worker you have created.
 
 <Steps>
-1. Go to **Compute (Workers)** > **Workers & Pages**.
+1. In the Cloudflare dashboard, go to the **Workers & Pages** page.
+   <DashButton url="/?to=/:account/workers-and-pages" />
 2. Select the `d1-tutorial` Worker you created in [step 1](/d1/get-started/#1-create-a-worker).
-3. Select **Settings**.
-4. Scroll to **Bindings**, then select **Add**.
-5. Select **D1 database**.
+3. Go to the **Bindings** tab.
+4. Select **Add binding**.
+5. Select **D1 database** > **Add binding**.
 6. Name your binding in **Variable name**, then select the `prod-d1-tutorial` D1 database you created in [step 2](/d1/get-started/#2-create-a-database) from the dropdown menu. For this tutorial, name your binding `prod_d1_tutorial`.
-7. Select **Deploy** to deploy your binding. When deploying, there are two options:
-	- **Deploy:** Immediately deploy the binding to 100% of your audience.
-	- **Save version:** Save a version of the binding which you can deploy in the future.
-
-    For this tutorial, select **Deploy**.
-
+7. Select **Add binding**.
 </Steps>
 
 </TabItem>
@@ -298,7 +296,8 @@ After correctly preparing your [Wrangler configuration file](/workers/wrangler/c
 Use the Dashboard to create a table and populate it with data.
 
 <Steps>
-1. Go to **Storage & Databases** > **D1 SQL Database**.
+1. In the Cloudflare dashboard, go to the **D1 SQL database** page.
+   <DashButton url="/?to=/:account/workers/d1" />
 2. Select the `prod-d1-tutorial` database you created in [step 2](/d1/get-started/#2-create-a-database).
 3. Select **Console**.
 4. Paste the following SQL snippet.
@@ -399,7 +398,8 @@ After configuring your Worker, you can test your project locally before you depl
 You can query your D1 database using your Worker.
 
 <Steps>
-1. Go to **Compute (Workers)** > **Workers & Pages**.
+1. In the Cloudflare dashboard, go to the **Workers & Pages** page.
+   <DashButton url="/?to=/:account/workers-and-pages" />
 2. Select the `d1-tutorial` Worker you created.
 3. Select the **Edit code** icon (**\<\/\>**).
 4. Clear the contents of the `worker.js` file, then paste the following code:
@@ -521,7 +521,8 @@ To deploy your Worker to production using Wrangler, you must first repeat the [d
 </TabItem> <TabItem label='Dashboard'>
 <Steps>
 
-1. Go to **Compute (Workers)** > **Workers & Pages**.
+1. In the Cloudflare dashboard, go to the **Workers & Pages** page.
+   <DashButton url="/?to=/:account/workers-and-pages" />
 2. Select your `d1-tutorial` Worker.
 3. Select **Deployments**.
 4. From the **Version History** table, select **Deploy version**.
@@ -575,7 +576,8 @@ npx wrangler d1 delete prod-d1-tutorial
 </TabItem><TabItem label='Dashboard'>
 
 <Steps>
-1. Go to **Storages & Databases** > **D1 SQL Database**.
+1. In the Cloudflare dashboard, go to the **D1 SQL database** page.
+   <DashButton url="/?to=/:account/workers/d1" />
 
 2. Select your `prod-d1-tutorial` D1 database.
 
@@ -606,7 +608,8 @@ npx wrangler delete d1-tutorial
 </TabItem> <TabItem label='Dashboard'>
 
 <Steps>
-1. Go to **Compute (Workers)** > **Workers & Pages**.
+1. In the Cloudflare dashboard, go to the **Workers & Pages** page.
+   <DashButton url="/?to=/:account/workers-and-pages" />
 
 2. Select your `d1-tutorial` Worker.
 

src/content/docs/d1/observability/audit-logs.mdx

@@ -3,14 +3,15 @@ pcx_content_type: reference
 title: Audit Logs
 ---
 
+import { DashButton } from "~/components";
+
 [Audit logs](/fundamentals/account/account-security/review-audit-logs/) provide a comprehensive summary of changes made within your Cloudflare account, including those made to D1 databases. This functionality is available on all plan types, free of charge, and is always enabled.
 
 ## Viewing audit logs
 
-To view audit logs for your D1 databases:
+To view audit logs for your D1 databases, go to the **Audit Logs** page.
 
-1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/?account=audit-log) and select your account.
-2. Go to **Manage Account** > **Audit Log**.
+<DashButton url="/?to=/:account/audit-log" />
 
 For more information on how to access and use audit logs, refer to [Review audit logs](/fundamentals/account/account-security/review-audit-logs/).
 

src/content/docs/d1/observability/billing.mdx

@@ -5,6 +5,7 @@ sidebar:
   order: 11
 ---
 
+import { DashButton } from "~/components";
 
 D1 exposes analytics to track billing metrics (rows read, rows written, and total storage) across all databases in your account.
 
@@ -14,9 +15,10 @@ The metrics displayed in the [Cloudflare dashboard](https://dash.cloudflare.com/
 
 Total account billable usage analytics for D1 are available in the Cloudflare dashboard. To view current and past metrics for an account:
 
-1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com) and select your account.
-2. Go to **Manage Account** > **Billing**.
-3. Select the **Billable Usage** tab.
+1. In the Cloudflare dashboard, go to the **Billing** page.
+
+   <DashButton url="/?to=/:account/billing" />
+2. Go to **Billable Usage**.
 
 From here you can view charts of your account's D1 usage on a daily or month-to-date timeframe.
 

src/content/docs/d1/observability/metrics-analytics.mdx

@@ -1,11 +1,12 @@
 ---
 pcx_content_type: concept
 title: Metrics and analytics
+reviewed: 2025-09-02
 sidebar:
   order: 10
 ---
 
-import { Details } from "~/components";
+import { Details, DashButton } from "~/components";
 
 D1 exposes database analytics that allow you to inspect query volume, query latency, and storage size across all and/or each database in your account.
 
@@ -40,10 +41,11 @@ Refer to the [Pricing documentation](/d1/platform/pricing/) for more details on
 
 Per-database analytics for D1 are available in the Cloudflare dashboard. To view current and historical metrics for a database:
 
-1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com) and select your account.
-2. Go to [**Workers & Pages** > **D1**](https://dash.cloudflare.com/?to=/:account/workers/d1).
-3. Select an existing database.
-4. Select the **Metrics** tab.
+1. In the Cloudflare dashboard, go to the **D1** page.
+
+   <DashButton url="/?to=/:account/workers/d1" />
+2. Select an existing D1 database.
+3. Select the **Metrics** tab.
 
 You can optionally select a time window to query. This defaults to the last 24 hours.
 

src/content/docs/d1/tutorials/import-to-d1-with-rest-api/index.mdx

@@ -10,7 +10,7 @@ tags:
   - SQL
 ---
 
-import { Render, Steps, PackageManagers } from "~/components";
+import { Render, Steps, PackageManagers, DashButton } from "~/components";
 
 In this tutorial, you will learn how to import a database into D1 using the [REST API](/api/resources/d1/subresources/database/methods/import/).
 
@@ -38,8 +38,10 @@ To create the table, follow these steps:
 
 <Steps>
 
-1. Go to **Storage & Databases** > **D1**.
-2. Select **Create**.
+1. In the Cloudflare dashboard, go to the **D1** page.
+
+   <DashButton url="/?to=/:account/workers/d1" />
+2. Select **Create database**.
 3. Name your database. For this tutorial, name your D1 database `d1-import-tutorial`.
 4. (Optional) Provide a location hint. Location hint is an optional parameter you can provide to indicate your desired geographical location for your database. Refer to [Provide a location hint](/d1/configuration/data-location/#provide-a-location-hint) for more information.
 5. Select **Create**.
@@ -80,8 +82,8 @@ To create the table, follow these steps:
 3. In your `index.js` file, define the following variables:
 
    - `TARGET_TABLE`: The target table name
-   - `ACCOUNT_ID`: The account ID (you can find this in the Cloudflare dashboard > **Workers & Pages**)
-   - `DATABASE_ID`: The D1 database ID (you can find this in the Cloudflare dashboard > **Storage & Databases** > **D1 SQL Database** > your database)
+   - `ACCOUNT_ID`: The account ID. Refer to **Account Details** in **Workers & Pages**.
+   - `DATABASE_ID`: The D1 database ID. Go to your data base to see your database ID.
    - `D1_API_KEY`: The D1 API token generated in [step 1](/d1/tutorials/import-to-d1-with-rest-api#1-create-a-d1-api-token)
 
    :::caution

src/content/docs/durable-objects/get-started.mdx

@@ -12,6 +12,7 @@ import {
 	PackageManagers,
 	WranglerConfig,
 	TypeScriptExample,
+	DashButton
 } from "~/components";
 
 This guide will instruct you through:
@@ -304,7 +305,9 @@ To deploy your Durable Object Worker:
 npx wrangler deploy
 ```
 
-Once deployed, you should be able to see your newly created Durable Object Worker on the [Cloudflare dashboard](https://dash.cloudflare.com/), **Workers & Pages** > **Overview**.
+Once deployed, you should be able to see your newly created Durable Object Worker on the Cloudflare dashboard.
+
+<DashButton url="/?to=/:account/workers-and-pages" />
 
 Preview your Durable Object Worker at `<YOUR_WORKER>.<YOUR_SUBDOMAIN>.workers.dev`.