Updating dashbutton for all affected D1 chapters

Oxyjun · Oxyjun · commit 2ccfac52a530 · 2025-09-02T18:07:56.000+01:00
diff --git a/src/content/docs/d1/best-practices/remote-development.mdx b/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,13 @@ 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. <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
 
diff --git a/src/content/docs/d1/configuration/data-location.mdx b/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,10 @@ 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. <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
 
diff --git a/src/content/docs/d1/get-started.mdx b/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,11 @@ 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. <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 +147,7 @@ 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. <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 +215,13 @@ 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. <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 +292,7 @@ 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. <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 +393,7 @@ 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. <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 +515,7 @@ 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. <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 +569,7 @@ npx wrangler d1 delete prod-d1-tutorial
 </TabItem><TabItem label='Dashboard'>
 
 <Steps>
-1. Go to **Storages & Databases** > **D1 SQL Database**.
+1. <DashButton url="/?to=/:account/workers/d1" />
 
 2. Select your `prod-d1-tutorial` D1 database.
 
@@ -606,7 +600,7 @@ npx wrangler delete d1-tutorial
 </TabItem> <TabItem label='Dashboard'>
 
 <Steps>
-1. Go to **Compute (Workers)** > **Workers & Pages**.
+1. <DashButton url="/?to=/:account/workers-and-pages" />
 
 2. Select your `d1-tutorial` Worker.
 
diff --git a/src/content/docs/d1/observability/audit-logs.mdx b/src/content/docs/d1/observability/audit-logs.mdx
@@ -3,14 +3,13 @@ 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:
-
-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**.
+To view audit logs for your D1 databases, <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/).
 
diff --git a/src/content/docs/d1/observability/billing.mdx b/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,8 @@ 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. <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.
 
diff --git a/src/content/docs/d1/observability/metrics-analytics.mdx b/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,9 @@ 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. <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.
 
diff --git a/src/content/docs/d1/tutorials/import-to-d1-with-rest-api/index.mdx b/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,8 @@ To create the table, follow these steps:
 
 <Steps>
 
-1. Go to **Storage & Databases** > **D1**.
-2. Select **Create**.
+1. <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 +80,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
diff --git a/src/content/partials/d1/generate-d1-api-token.mdx b/src/content/partials/d1/generate-d1-api-token.mdx
@@ -2,22 +2,20 @@
 {}
 ---
 
-import { Steps } from "~/components";
+import { Steps, DashButton } from "~/components";
 
 <Steps>
-1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/) and select your account.
-2. Select your user icon, then select **My Profile**.
-3. Go to **API Tokens**.
-4. Under **API Tokens**, select **Create Token**.
-5. Scroll to **Custom token** > **Create custom token**, then select **Get started**.
-6. Under **Token name**, enter a descriptive token name. For example, `Name-D1-Import-API-Token`.
-7. Under **Permissions**:
+1. <DashButton url="/?to=/:account/api-tokens" />
+2. Under **API Tokens**, select **Create Token**.
+3. Scroll to **Custom token** > **Create custom token**, then select **Get started**.
+4. Under **Token name**, enter a descriptive token name. For example, `Name-D1-Import-API-Token`.
+5. Under **Permissions**:
     - Select **Account**.
     - Select **D1**.
     - Select **Edit**.
-8. Select **Continue to summary**.
-9. Select **Create token**.
-10. Copy the API token and save it in a secure file.
+6. Select **Continue to summary**.
+7. Select **Create token**.
+8. Copy the API token and save it in a secure file.
 </Steps>
 
 - Refer to [Create API token](/fundamentals/api/get-started/create-token/) for more information on creating API tokens through the Cloudflare dashboard.
