diff --git a/apps/dashboard/src/@/components/contract-components/shared/contract-id-image.tsx b/apps/dashboard/src/@/components/contract-components/shared/contract-id-image.tsx
index 5d5dc08e15e..dd01631d2a7 100644
--- a/apps/dashboard/src/@/components/contract-components/shared/contract-id-image.tsx
+++ b/apps/dashboard/src/@/components/contract-components/shared/contract-id-image.tsx
@@ -3,7 +3,8 @@
 import type { StaticImageData } from "next/image";
 import Image from "next/image";
 import type { FetchDeployMetadataResult } from "thirdweb/contract";
-import { serverThirdwebClient } from "@/constants/thirdweb-client.server";
+import { DASHBOARD_THIRDWEB_SECRET_KEY } from "@/constants/server-envs";
+import { getConfiguredThirdwebClient } from "@/constants/thirdweb.server";
 import { replaceIpfsUrl } from "@/lib/sdk";
 import generalContractIcon from "../../../../../public/assets/tw-icons/general.png";
 
@@ -26,7 +27,17 @@ export const ContractIdImage: React.FC<ContractIdImageProps> = ({
       <img
         alt=""
         className="size-8 rounded-full"
-        src={replaceIpfsUrl(logo, serverThirdwebClient)}
+        src={
+          DASHBOARD_THIRDWEB_SECRET_KEY
+            ? replaceIpfsUrl(
+                logo,
+                getConfiguredThirdwebClient({
+                  secretKey: DASHBOARD_THIRDWEB_SECRET_KEY,
+                  teamId: undefined,
+                }),
+              )
+            : logo
+        }
       />
     );
   }
diff --git a/apps/dashboard/src/@/constants/thirdweb-client.server.ts b/apps/dashboard/src/@/constants/thirdweb-client.server.ts
index 4c804ba4707..a474d286a07 100644
--- a/apps/dashboard/src/@/constants/thirdweb-client.server.ts
+++ b/apps/dashboard/src/@/constants/thirdweb-client.server.ts
@@ -3,7 +3,9 @@ import "server-only";
 import { DASHBOARD_THIRDWEB_SECRET_KEY } from "./server-envs";
 import { getConfiguredThirdwebClient } from "./thirdweb.server";
 
+// During build time, the secret key might not be available
+// Create a client that will work for build but may fail at runtime if secret key is needed
 export const serverThirdwebClient = getConfiguredThirdwebClient({
-  secretKey: DASHBOARD_THIRDWEB_SECRET_KEY,
+  secretKey: DASHBOARD_THIRDWEB_SECRET_KEY || "dummy-build-time-secret",
   teamId: undefined,
 });
diff --git a/apps/dashboard/src/@/constants/thirdweb.server.ts b/apps/dashboard/src/@/constants/thirdweb.server.ts
index cfa24f269bf..cd7aab19f8b 100644
--- a/apps/dashboard/src/@/constants/thirdweb.server.ts
+++ b/apps/dashboard/src/@/constants/thirdweb.server.ts
@@ -76,14 +76,18 @@ export function getConfiguredThirdwebClient(options: {
     });
   }
 
+  // During build time, provide fallbacks if credentials are missing
+  const clientId = NEXT_PUBLIC_DASHBOARD_CLIENT_ID || "dummy-build-client";
+  const secretKey = options.secretKey || undefined;
+
   return createThirdwebClient({
-    clientId: NEXT_PUBLIC_DASHBOARD_CLIENT_ID,
+    clientId: clientId,
     config: {
       storage: {
         gatewayUrl: NEXT_PUBLIC_IPFS_GATEWAY_URL,
       },
     },
-    secretKey: options.secretKey,
+    secretKey: secretKey,
     teamId: options.teamId,
   });
 }
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/(chainPage)/opengraph-image.tsx b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/(chainPage)/opengraph-image.tsx
index 95dfb9cfae2..3b7c24ac2e0 100644
--- a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/(chainPage)/opengraph-image.tsx
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/(chainPage)/opengraph-image.tsx
@@ -1,7 +1,8 @@
 import { ImageResponse } from "next/og";
 import { useId } from "react";
 import { download } from "thirdweb/storage";
-import { serverThirdwebClient } from "@/constants/thirdweb-client.server";
+import { DASHBOARD_THIRDWEB_SECRET_KEY } from "@/constants/server-envs";
+import { getConfiguredThirdwebClient } from "@/constants/thirdweb.server";
 import { fetchChain } from "@/utils/fetchChain";
 
 // Route segment config
@@ -81,16 +82,29 @@ export default async function Image({
     fetch(new URL("og-lib/fonts/inter/700.ttf", import.meta.url)).then((res) =>
       res.arrayBuffer(),
     ),
-    // download the chain icon if there is one
-    chain.icon?.url && hasWorkingChainIcon
-      ? download({
-          client: serverThirdwebClient,
-          uri: chain.icon.url,
-        }).then((res) => res.arrayBuffer())
+    // download the chain icon if there is one and secret key is available
+    chain.icon?.url && hasWorkingChainIcon && DASHBOARD_THIRDWEB_SECRET_KEY
+      ? (async () => {
+          try {
+            const client = getConfiguredThirdwebClient({
+              secretKey: DASHBOARD_THIRDWEB_SECRET_KEY,
+              teamId: undefined,
+            });
+            const response = await download({
+              client,
+              uri: chain.icon?.url || "",
+            });
+            return response.arrayBuffer();
+          } catch (error) {
+            // If download fails, return undefined to fallback to no icon
+            console.warn("Failed to download chain icon:", error);
+            return undefined;
+          }
+        })()
       : undefined,
     // download the background image (based on chain)
     fetch(
-      chain.icon?.url && hasWorkingChainIcon
+      chain.icon?.url && hasWorkingChainIcon && DASHBOARD_THIRDWEB_SECRET_KEY
         ? new URL(
             "og-lib/assets/chain/bg-with-icon.png",
 
@@ -118,7 +132,7 @@ export default async function Image({
       />
       {/* the actual component starts here */}
 
-      {hasWorkingChainIcon && (
+      {hasWorkingChainIcon && chainIcon && (
         <img
           alt=""
           // @ts-expect-error - TS doesn't know about the ImageResponse component
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/_utils/getContractFromParams.ts b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/_utils/getContractFromParams.ts
index c2102b9f139..e390eab95d5 100644
--- a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/_utils/getContractFromParams.ts
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/_utils/getContractFromParams.ts
@@ -1,6 +1,7 @@
 import { getAddress, getContract, isAddress } from "thirdweb";
 import { localhost } from "thirdweb/chains";
-import { serverThirdwebClient } from "@/constants/thirdweb-client.server";
+import { DASHBOARD_THIRDWEB_SECRET_KEY } from "@/constants/server-envs";
+import { getConfiguredThirdwebClient } from "@/constants/thirdweb.server";
 import { mapV4ChainToV5Chain } from "@/utils/map-chains";
 import { getUserThirdwebClient } from "../../../../../../../@/api/auth-token";
 import { fetchChainWithLocalOverrides } from "../../../../../../../@/utils/fetchChainWithLocalOverrides";
@@ -18,13 +19,21 @@ export async function getContractPageParamsInfo(params: {
     return undefined;
   }
 
-  // attempt to get the auth token
+  // Create server client only if secret key is available
+  if (!DASHBOARD_THIRDWEB_SECRET_KEY) {
+    return undefined;
+  }
+
+  const serverClient = getConfiguredThirdwebClient({
+    secretKey: DASHBOARD_THIRDWEB_SECRET_KEY,
+    teamId: undefined,
+  });
 
   const serverContract = getContract({
     address: contractAddress,
     // eslint-disable-next-line no-restricted-syntax
     chain: mapV4ChainToV5Chain(chainMetadata),
-    client: serverThirdwebClient,
+    client: serverClient,
   });
 
   const clientContract = getContract({
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/components/server/chain-icon.tsx b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/components/server/chain-icon.tsx
index e73a1e0fa7d..0532102f79c 100644
--- a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/components/server/chain-icon.tsx
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/components/server/chain-icon.tsx
@@ -1,7 +1,7 @@
 /* eslint-disable @next/next/no-img-element */
 import "server-only";
 import { DASHBOARD_THIRDWEB_SECRET_KEY } from "@/constants/server-envs";
-import { serverThirdwebClient } from "@/constants/thirdweb-client.server";
+import { getConfiguredThirdwebClient } from "@/constants/thirdweb.server";
 import { cn } from "@/lib/utils";
 import { resolveSchemeWithErrorHandler } from "@/utils/resolveSchemeWithErrorHandler";
 import { fallbackChainIcon } from "../../../../../../@/utils/chain-icons";
@@ -13,10 +13,16 @@ export async function ChainIcon(props: {
   if (props.iconUrl) {
     let imageLink = fallbackChainIcon;
 
-    const resolved = resolveSchemeWithErrorHandler({
-      client: serverThirdwebClient,
-      uri: props.iconUrl,
-    });
+    // Only resolve if we have a secret key available
+    const resolved = DASHBOARD_THIRDWEB_SECRET_KEY
+      ? resolveSchemeWithErrorHandler({
+          client: getConfiguredThirdwebClient({
+            secretKey: DASHBOARD_THIRDWEB_SECRET_KEY,
+            teamId: undefined,
+          }),
+          uri: props.iconUrl,
+        })
+      : null;
 
     if (resolved) {
       // check if it loads or not
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/profile/[addressOrEns]/opengraph-image.tsx b/apps/dashboard/src/app/(app)/(dashboard)/profile/[addressOrEns]/opengraph-image.tsx
index 33fa5734563..1939d42bcfd 100644
--- a/apps/dashboard/src/app/(app)/(dashboard)/profile/[addressOrEns]/opengraph-image.tsx
+++ b/apps/dashboard/src/app/(app)/(dashboard)/profile/[addressOrEns]/opengraph-image.tsx
@@ -2,7 +2,8 @@ import { notFound } from "next/navigation";
 import { ImageResponse } from "next/og";
 import { resolveAvatar } from "thirdweb/extensions/ens";
 import { GradientBlobbie } from "@/components/blocks/avatar/GradientBlobbie";
-import { serverThirdwebClient } from "@/constants/thirdweb-client.server";
+import { DASHBOARD_THIRDWEB_SECRET_KEY } from "@/constants/server-envs";
+import { getConfiguredThirdwebClient } from "@/constants/thirdweb.server";
 /* eslint-disable @next/next/no-img-element */
 import { resolveSchemeWithErrorHandler } from "@/utils/resolveSchemeWithErrorHandler";
 import { shortenIfAddress } from "@/utils/usedapp-external";
@@ -23,10 +24,18 @@ type PageProps = {
 
 export default async function Image(props: PageProps) {
   const params = await props.params;
-  const resolvedInfo = await resolveAddressAndEns(
-    params.addressOrEns,
-    serverThirdwebClient,
-  );
+
+  // Create client only if secret key is available
+  if (!DASHBOARD_THIRDWEB_SECRET_KEY) {
+    notFound();
+  }
+
+  const client = getConfiguredThirdwebClient({
+    secretKey: DASHBOARD_THIRDWEB_SECRET_KEY,
+    teamId: undefined,
+  });
+
+  const resolvedInfo = await resolveAddressAndEns(params.addressOrEns, client);
 
   if (!resolvedInfo) {
     notFound();
@@ -43,14 +52,14 @@ export default async function Image(props: PageProps) {
 
   const ensImage = resolvedInfo.ensName
     ? await resolveAvatar({
-        client: serverThirdwebClient,
+        client,
         name: resolvedInfo.ensName,
       })
     : null;
 
   const resolvedENSImageSrc = ensImage
     ? resolveSchemeWithErrorHandler({
-        client: serverThirdwebClient,
+        client,
         uri: ensImage,
       })
     : null;
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/published-contract/[publisher]/[contract_id]/[version]/opengraph-image.tsx b/apps/dashboard/src/app/(app)/(dashboard)/published-contract/[publisher]/[contract_id]/[version]/opengraph-image.tsx
index c40d6423d44..403e99d931d 100644
--- a/apps/dashboard/src/app/(app)/(dashboard)/published-contract/[publisher]/[contract_id]/[version]/opengraph-image.tsx
+++ b/apps/dashboard/src/app/(app)/(dashboard)/published-contract/[publisher]/[contract_id]/[version]/opengraph-image.tsx
@@ -1,6 +1,7 @@
 import { format } from "date-fns";
 import { getSocialProfiles } from "thirdweb/social";
-import { serverThirdwebClient } from "@/constants/thirdweb-client.server";
+import { DASHBOARD_THIRDWEB_SECRET_KEY } from "@/constants/server-envs";
+import { getConfiguredThirdwebClient } from "@/constants/thirdweb.server";
 import { resolveEns } from "@/lib/ens";
 import { correctAndUniqueLicenses } from "@/lib/licenses";
 import { getPublishedContractsWithPublisherMapping } from "../utils/getPublishedContractsWithPublisherMapping";
@@ -22,17 +23,25 @@ export default async function Image(props: {
 }) {
   const { publisher, contract_id } = props.params;
 
+  // Create client only if secret key is available
+  if (!DASHBOARD_THIRDWEB_SECRET_KEY) {
+    return null;
+  }
+
+  const client = getConfiguredThirdwebClient({
+    secretKey: DASHBOARD_THIRDWEB_SECRET_KEY,
+    teamId: undefined,
+  });
+
   const [publishedContracts, socialProfiles] = await Promise.all([
     getPublishedContractsWithPublisherMapping({
-      client: serverThirdwebClient,
+      client,
       contract_id: contract_id,
       publisher: publisher,
     }),
     getSocialProfiles({
-      address:
-        (await resolveEns(publisher, serverThirdwebClient)).address ||
-        publisher,
-      client: serverThirdwebClient,
+      address: (await resolveEns(publisher, client)).address || publisher,
+      client,
     }),
   ]);
 
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/published-contract/[publisher]/[contract_id]/opengraph-image.tsx b/apps/dashboard/src/app/(app)/(dashboard)/published-contract/[publisher]/[contract_id]/opengraph-image.tsx
index 96d1fbb0754..6da7c5e92e0 100644
--- a/apps/dashboard/src/app/(app)/(dashboard)/published-contract/[publisher]/[contract_id]/opengraph-image.tsx
+++ b/apps/dashboard/src/app/(app)/(dashboard)/published-contract/[publisher]/[contract_id]/opengraph-image.tsx
@@ -1,6 +1,7 @@
 import { format } from "date-fns";
 import { getSocialProfiles } from "thirdweb/social";
-import { serverThirdwebClient } from "@/constants/thirdweb-client.server";
+import { DASHBOARD_THIRDWEB_SECRET_KEY } from "@/constants/server-envs";
+import { getConfiguredThirdwebClient } from "@/constants/thirdweb.server";
 import { resolveEns } from "@/lib/ens";
 import { correctAndUniqueLicenses } from "@/lib/licenses";
 import { getLatestPublishedContractsWithPublisherMapping } from "./utils/getPublishedContractsWithPublisherMapping";
@@ -21,17 +22,25 @@ export default async function Image(props: {
 }) {
   const { publisher, contract_id } = props.params;
 
+  // Create client only if secret key is available
+  if (!DASHBOARD_THIRDWEB_SECRET_KEY) {
+    return null;
+  }
+
+  const client = getConfiguredThirdwebClient({
+    secretKey: DASHBOARD_THIRDWEB_SECRET_KEY,
+    teamId: undefined,
+  });
+
   const [publishedContract, socialProfiles] = await Promise.all([
     getLatestPublishedContractsWithPublisherMapping({
-      client: serverThirdwebClient,
+      client,
       contract_id: contract_id,
       publisher: publisher,
     }),
     getSocialProfiles({
-      address:
-        (await resolveEns(publisher, serverThirdwebClient)).address ||
-        publisher,
-      client: serverThirdwebClient,
+      address: (await resolveEns(publisher, client)).address || publisher,
+      client,
     }),
   ]);
 
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/published-contract/[publisher]/[contract_id]/utils/publishedContractOGImageTemplate.tsx b/apps/dashboard/src/app/(app)/(dashboard)/published-contract/[publisher]/[contract_id]/utils/publishedContractOGImageTemplate.tsx
index 37173a1b24c..9f1a86bae46 100644
--- a/apps/dashboard/src/app/(app)/(dashboard)/published-contract/[publisher]/[contract_id]/utils/publishedContractOGImageTemplate.tsx
+++ b/apps/dashboard/src/app/(app)/(dashboard)/published-contract/[publisher]/[contract_id]/utils/publishedContractOGImageTemplate.tsx
@@ -4,7 +4,8 @@ import { ImageResponse } from "next/og";
 import { isAddress } from "thirdweb";
 import { download } from "thirdweb/storage";
 import { shortenAddress } from "thirdweb/utils";
-import { serverThirdwebClient } from "@/constants/thirdweb-client.server";
+import { DASHBOARD_THIRDWEB_SECRET_KEY } from "@/constants/server-envs";
+import { getConfiguredThirdwebClient } from "@/constants/thirdweb.server";
 
 const OgBrandIcon: React.FC = () => (
   // biome-ignore lint/a11y/noSvgWithoutTitle: not needed
@@ -187,17 +188,41 @@ export async function publishedContractOGImageTemplate(params: {
     ibmPlexMono500_,
     ibmPlexMono700_,
     image,
-    params.logo
-      ? download({
-          client: serverThirdwebClient,
-          uri: params.logo,
-        }).then((res) => res.arrayBuffer())
+    params.logo && DASHBOARD_THIRDWEB_SECRET_KEY
+      ? (async () => {
+          try {
+            const client = getConfiguredThirdwebClient({
+              secretKey: DASHBOARD_THIRDWEB_SECRET_KEY,
+              teamId: undefined,
+            });
+            const response = await download({
+              client,
+              uri: params.logo || "",
+            });
+            return response.arrayBuffer();
+          } catch (error) {
+            console.warn("Failed to download logo:", error);
+            return undefined;
+          }
+        })()
       : undefined,
-    params.publisherAvatar
-      ? download({
-          client: serverThirdwebClient,
-          uri: params.publisherAvatar,
-        }).then((res) => res.arrayBuffer())
+    params.publisherAvatar && DASHBOARD_THIRDWEB_SECRET_KEY
+      ? (async () => {
+          try {
+            const client = getConfiguredThirdwebClient({
+              secretKey: DASHBOARD_THIRDWEB_SECRET_KEY,
+              teamId: undefined,
+            });
+            const response = await download({
+              client,
+              uri: params.publisherAvatar || "",
+            });
+            return response.arrayBuffer();
+          } catch (error) {
+            console.warn("Failed to download avatar:", error);
+            return undefined;
+          }
+        })()
       : undefined,
   ]);
 
diff --git a/apps/dashboard/src/app/(app)/drops/[slug]/opengraph-image.tsx b/apps/dashboard/src/app/(app)/drops/[slug]/opengraph-image.tsx
index 5da2e639ba0..645b4e8fd4c 100644
--- a/apps/dashboard/src/app/(app)/drops/[slug]/opengraph-image.tsx
+++ b/apps/dashboard/src/app/(app)/drops/[slug]/opengraph-image.tsx
@@ -1,7 +1,8 @@
 import { ImageResponse } from "next/og";
 import { useId } from "react";
 import { download } from "thirdweb/storage";
-import { serverThirdwebClient } from "@/constants/thirdweb-client.server";
+import { DASHBOARD_THIRDWEB_SECRET_KEY } from "@/constants/server-envs";
+import { getConfiguredThirdwebClient } from "@/constants/thirdweb.server";
 import { fetchChain } from "@/utils/fetchChain";
 import { DROP_PAGES } from "./data";
 
@@ -84,16 +85,29 @@ export default async function Image({ params }: { params: { slug: string } }) {
     fetch(new URL("og-lib/fonts/inter/700.ttf", import.meta.url)).then((res) =>
       res.arrayBuffer(),
     ),
-    // download the chain icon if there is one
-    chain.icon?.url && hasWorkingChainIcon
-      ? download({
-          client: serverThirdwebClient,
-          uri: chain.icon.url,
-        }).then((res) => res.arrayBuffer())
+    // download the chain icon if there is one and secret key is available
+    chain.icon?.url && hasWorkingChainIcon && DASHBOARD_THIRDWEB_SECRET_KEY
+      ? (async () => {
+          try {
+            const client = getConfiguredThirdwebClient({
+              secretKey: DASHBOARD_THIRDWEB_SECRET_KEY,
+              teamId: undefined,
+            });
+            const response = await download({
+              client,
+              uri: chain.icon?.url || "",
+            });
+            return response.arrayBuffer();
+          } catch (error) {
+            // If download fails, return undefined to fallback to no icon
+            console.warn("Failed to download chain icon:", error);
+            return undefined;
+          }
+        })()
       : undefined,
     // download the background image (based on chain)
     fetch(
-      chain.icon?.url && hasWorkingChainIcon
+      chain.icon?.url && hasWorkingChainIcon && DASHBOARD_THIRDWEB_SECRET_KEY
         ? new URL(
             "og-lib/assets/chain/bg-with-icon.png",
 
@@ -121,7 +135,7 @@ export default async function Image({ params }: { params: { slug: string } }) {
       />
       {/* the actual component starts here */}
 
-      {hasWorkingChainIcon && (
+      {hasWorkingChainIcon && chainIcon && (
         <img
           alt=""
           // @ts-expect-error - TS doesn't know about the ImageResponse component
diff --git a/apps/dashboard/src/app/(app)/drops/[slug]/page.tsx b/apps/dashboard/src/app/(app)/drops/[slug]/page.tsx
index f0cbc57cc34..67f0e9f540e 100644
--- a/apps/dashboard/src/app/(app)/drops/[slug]/page.tsx
+++ b/apps/dashboard/src/app/(app)/drops/[slug]/page.tsx
@@ -11,7 +11,8 @@ import {
   getActiveClaimCondition as getActiveClaimCondition1155,
   getNFT as getNFT1155,
 } from "thirdweb/extensions/erc1155";
-import { serverThirdwebClient } from "@/constants/thirdweb-client.server";
+import { DASHBOARD_THIRDWEB_SECRET_KEY } from "@/constants/server-envs";
+import { getConfiguredThirdwebClient } from "@/constants/thirdweb.server";
 import { defineDashboardChain } from "@/lib/defineDashboardChain";
 import { DROP_PAGES } from "./data";
 import { NftMint } from "./mint-ui";
@@ -41,13 +42,24 @@ export default async function DropPage({
   if (!project) {
     return notFound();
   }
+
+  // Create client only if secret key is available
+  if (!DASHBOARD_THIRDWEB_SECRET_KEY) {
+    return notFound();
+  }
+
+  const client = getConfiguredThirdwebClient({
+    secretKey: DASHBOARD_THIRDWEB_SECRET_KEY,
+    teamId: undefined,
+  });
+
   // eslint-disable-next-line no-restricted-syntax
   const chain = defineDashboardChain(project.chainId, undefined);
 
   const contract = getContract({
     address: project.contractAddress,
     chain,
-    client: serverThirdwebClient,
+    client,
   });
 
   const [nft, claimCondition, contractMetadata] = await Promise.all([
@@ -92,7 +104,7 @@ export default async function DropPage({
         contract: getContract({
           address: claimCondition.currency,
           chain,
-          client: serverThirdwebClient,
+          client,
         }),
       })
     : undefined;
diff --git a/apps/dashboard/src/app/(app)/project-showcase/[slug]/page.tsx b/apps/dashboard/src/app/(app)/project-showcase/[slug]/page.tsx
index f51d07d2d49..f8663a45d52 100644
--- a/apps/dashboard/src/app/(app)/project-showcase/[slug]/page.tsx
+++ b/apps/dashboard/src/app/(app)/project-showcase/[slug]/page.tsx
@@ -9,7 +9,8 @@ import {
   CardHeader,
   CardTitle,
 } from "@/components/ui/card";
-import { serverThirdwebClient } from "@/constants/thirdweb-client.server";
+import { DASHBOARD_THIRDWEB_SECRET_KEY } from "@/constants/server-envs";
+import { getConfiguredThirdwebClient } from "@/constants/thirdweb.server";
 import { PROJECT_SHOWCASE_DATA } from "@/lib/project-showcase-constants";
 import { resolveSchemeWithErrorHandler } from "@/utils/resolveSchemeWithErrorHandler";
 
@@ -78,9 +79,13 @@ export default async function DetailPage(props: {
                 className="rounded-b-lg object-cover md:rounded-r-lg md:rounded-bl-none"
                 height={500}
                 src={
-                  project.image?.startsWith("ipfs://")
+                  project.image?.startsWith("ipfs://") &&
+                  DASHBOARD_THIRDWEB_SECRET_KEY
                     ? (resolveSchemeWithErrorHandler({
-                        client: serverThirdwebClient,
+                        client: getConfiguredThirdwebClient({
+                          secretKey: DASHBOARD_THIRDWEB_SECRET_KEY,
+                          teamId: undefined,
+                        }),
                         uri: project.image,
                       }) ?? "")
                     : (project.image ?? "/assets/showcase/default_image.png")
diff --git a/apps/dashboard/src/app/(app)/project-showcase/page.tsx b/apps/dashboard/src/app/(app)/project-showcase/page.tsx
index e7a31432330..c134ffb9deb 100644
--- a/apps/dashboard/src/app/(app)/project-showcase/page.tsx
+++ b/apps/dashboard/src/app/(app)/project-showcase/page.tsx
@@ -19,7 +19,8 @@ import {
   PaginationNext,
   PaginationPrevious,
 } from "@/components/ui/pagination";
-import { serverThirdwebClient } from "@/constants/thirdweb-client.server";
+import { DASHBOARD_THIRDWEB_SECRET_KEY } from "@/constants/server-envs";
+import { getConfiguredThirdwebClient } from "@/constants/thirdweb.server";
 import {
   PROJECT_SHOWCASE_DATA,
   PROJECT_SHOWCASE_INDUSTRIES,
@@ -138,9 +139,13 @@ export default async function ProjectShowcasePage(props: {
                       className="h-48 w-full object-cover"
                       height={200}
                       src={
-                        project.image?.startsWith("ipfs://")
+                        project.image?.startsWith("ipfs://") &&
+                        DASHBOARD_THIRDWEB_SECRET_KEY
                           ? (resolveSchemeWithErrorHandler({
-                              client: serverThirdwebClient,
+                              client: getConfiguredThirdwebClient({
+                                secretKey: DASHBOARD_THIRDWEB_SECRET_KEY,
+                                teamId: undefined,
+                              }),
                               uri: project.image,
                             }) ?? "")
                           : (project.image ??
diff --git a/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/transactions/lib/analytics.ts b/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/transactions/lib/analytics.ts
index de83a7a8dcb..2fec73c25d6 100644
--- a/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/transactions/lib/analytics.ts
+++ b/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/transactions/lib/analytics.ts
@@ -122,7 +122,9 @@ export async function getTransactionsChart({
 
     // TODO - need to handle this error state, like we do with the connect charts
     throw new Error(
-      `Error fetching transactions chart data: ${response.status} ${response.statusText} - ${await response.text().catch(() => "Unknown error")}`,
+      `Error fetching transactions chart data: ${response.status} ${
+        response.statusText
+      } - ${await response.text().catch(() => "Unknown error")}`,
     );
   }
 
@@ -192,7 +194,9 @@ export async function getSingleTransaction({
 
     // TODO - need to handle this error state, like we do with the connect charts
     throw new Error(
-      `Error fetching single transaction data: ${response.status} ${response.statusText} - ${await response.text().catch(() => "Unknown error")}`,
+      `Error fetching single transaction data: ${response.status} ${
+        response.statusText
+      } - ${await response.text().catch(() => "Unknown error")}`,
     );
   }
 
@@ -200,3 +204,77 @@ export async function getSingleTransaction({
 
   return data.transactions[0];
 }
+
+// Activity log types
+export type ActivityLogEntry = {
+  id: string;
+  transactionId: string;
+  batchIndex: number;
+  eventType: string;
+  stageName: string;
+  executorName: string;
+  notificationId: string;
+  payload: Record<string, unknown> | string | number | boolean | null;
+  timestamp: string;
+  createdAt: string;
+};
+
+type ActivityLogsResponse = {
+  result: {
+    activityLogs: ActivityLogEntry[];
+    transaction: {
+      id: string;
+      batchIndex: number;
+      clientId: string;
+    };
+    pagination: {
+      totalCount: number;
+      page: number;
+      limit: number;
+    };
+  };
+};
+
+export async function getTransactionActivityLogs({
+  teamId,
+  clientId,
+  transactionId,
+}: {
+  teamId: string;
+  clientId: string;
+  transactionId: string;
+}): Promise<ActivityLogEntry[]> {
+  const authToken = await getAuthToken();
+
+  const response = await fetch(
+    `${NEXT_PUBLIC_ENGINE_CLOUD_URL}/v1/transactions/activity-logs?transactionId=${transactionId}`,
+    {
+      headers: {
+        Authorization: `Bearer ${authToken}`,
+        "Content-Type": "application/json",
+        "x-client-id": clientId,
+        "x-team-id": teamId,
+      },
+      method: "GET",
+    },
+  );
+
+  if (!response.ok) {
+    if (response.status === 401) {
+      return [];
+    }
+
+    // Don't throw on 404 - activity logs might not exist for all transactions
+    if (response.status === 404) {
+      return [];
+    }
+
+    console.error(
+      `Error fetching activity logs: ${response.status} ${response.statusText}`,
+    );
+    return [];
+  }
+
+  const data = (await response.json()) as ActivityLogsResponse;
+  return data.result.activityLogs;
+}
diff --git a/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/transactions/tx/[id]/page.tsx b/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/transactions/tx/[id]/page.tsx
index 957e8de6642..02ad3c9aec2 100644
--- a/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/transactions/tx/[id]/page.tsx
+++ b/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/transactions/tx/[id]/page.tsx
@@ -3,7 +3,10 @@ import { notFound, redirect } from "next/navigation";
 import { getAuthToken } from "@/api/auth-token";
 import { getProject } from "@/api/projects";
 import { getClientThirdwebClient } from "@/constants/thirdweb-client.client";
-import { getSingleTransaction } from "../../lib/analytics";
+import {
+  getSingleTransaction,
+  getTransactionActivityLogs,
+} from "../../lib/analytics";
 import { TransactionDetailsUI } from "./transaction-details-ui";
 
 export default async function TransactionPage({
@@ -26,11 +29,18 @@ export default async function TransactionPage({
     redirect(`/team/${team_slug}`);
   }
 
-  const transactionData = await getSingleTransaction({
-    clientId: project.publishableKey,
-    teamId: project.teamId,
-    transactionId: id,
-  });
+  const [transactionData, activityLogs] = await Promise.all([
+    getSingleTransaction({
+      clientId: project.publishableKey,
+      teamId: project.teamId,
+      transactionId: id,
+    }),
+    getTransactionActivityLogs({
+      clientId: project.publishableKey,
+      teamId: project.teamId,
+      transactionId: id,
+    }),
+  ]);
 
   const client = getClientThirdwebClient({
     jwt: authToken,
@@ -44,6 +54,7 @@ export default async function TransactionPage({
   return (
     <div className="space-y-6 p-2">
       <TransactionDetailsUI
+        activityLogs={activityLogs}
         client={client}
         project={project}
         teamSlug={team_slug}
diff --git a/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/transactions/tx/[id]/transaction-details-ui.tsx b/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/transactions/tx/[id]/transaction-details-ui.tsx
index c745eaaf649..8d5f2957691 100644
--- a/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/transactions/tx/[id]/transaction-details-ui.tsx
+++ b/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/transactions/tx/[id]/transaction-details-ui.tsx
@@ -1,8 +1,14 @@
 "use client";
 
 import { format, formatDistanceToNowStrict } from "date-fns";
-import { ExternalLinkIcon, InfoIcon } from "lucide-react";
+import {
+  ChevronDownIcon,
+  ChevronRightIcon,
+  ExternalLinkIcon,
+  InfoIcon,
+} from "lucide-react";
 import Link from "next/link";
+import { useState } from "react";
 import { hexToNumber, isHex, type ThirdwebClient, toEther } from "thirdweb";
 import type { Project } from "@/api/projects";
 import { WalletAddress } from "@/components/blocks/wallet-address";
@@ -16,15 +22,18 @@ import { useAllChainsData } from "@/hooks/chains/allChains";
 import { ChainIconClient } from "@/icons/ChainIcon";
 import { statusDetails } from "../../analytics/tx-table/tx-table-ui";
 import type { Transaction } from "../../analytics/tx-table/types";
+import type { ActivityLogEntry } from "../../lib/analytics";
 
 export function TransactionDetailsUI({
   transaction,
   client,
+  activityLogs,
 }: {
   transaction: Transaction;
   teamSlug: string;
   client: ThirdwebClient;
   project: Project;
+  activityLogs: ActivityLogEntry[];
 }) {
   const { idToChain } = useAllChainsData();
 
@@ -68,12 +77,18 @@ export function TransactionDetailsUI({
   // Gas information
   const gasUsed =
     executionResult && "actualGasUsed" in executionResult
-      ? `${isHex(executionResult.actualGasUsed) ? hexToNumber(executionResult.actualGasUsed) : executionResult.actualGasUsed}`
+      ? `${
+          isHex(executionResult.actualGasUsed)
+            ? hexToNumber(executionResult.actualGasUsed)
+            : executionResult.actualGasUsed
+        }`
       : "N/A";
 
   const gasCost =
     executionResult && "actualGasCost" in executionResult
-      ? `${toEther(BigInt(executionResult.actualGasCost || "0"))} ${chain?.nativeCurrency.symbol || ""}`
+      ? `${toEther(BigInt(executionResult.actualGasCost || "0"))} ${
+          chain?.nativeCurrency.symbol || ""
+        }`
       : "N/A";
 
   return (
@@ -156,7 +171,10 @@ export function TransactionDetailsUI({
                           rel="noopener noreferrer"
                           target="_blank"
                         >
-                          {`${transactionHash.slice(0, 8)}...${transactionHash.slice(-6)}`}{" "}
+                          {`${transactionHash.slice(
+                            0,
+                            8,
+                          )}...${transactionHash.slice(-6)}`}{" "}
                           <ExternalLinkIcon className="size-4 text-muted-foreground" />
                         </Link>
                       </Button>
@@ -165,7 +183,10 @@ export function TransactionDetailsUI({
                         className="font-mono text-muted-foreground text-sm"
                         copyIconPosition="left"
                         textToCopy={transactionHash}
-                        textToShow={`${transactionHash.slice(0, 6)}...${transactionHash.slice(-4)}`}
+                        textToShow={`${transactionHash.slice(
+                          0,
+                          6,
+                        )}...${transactionHash.slice(-4)}`}
                         tooltip="Copy transaction hash"
                         variant="ghost"
                       />
@@ -189,7 +210,7 @@ export function TransactionDetailsUI({
                       client={client}
                       src={chain.icon?.url}
                     />
-                    <span className="text-sm">{chain.name}</span>
+                    <span className="text-sm">{chain.name || "Unknown"}</span>
                   </div>
                 ) : (
                   <div>Chain ID: {chainId || "Unknown"}</div>
@@ -347,7 +368,183 @@ export function TransactionDetailsUI({
             )}
           </CardContent>
         </Card>
+
+        {/* Activity Log Card */}
+        <ActivityLogCard activityLogs={activityLogs} />
       </div>
     </>
   );
 }
+
+// Activity Log Timeline Component
+function ActivityLogCard({
+  activityLogs,
+}: {
+  activityLogs: ActivityLogEntry[];
+}) {
+  // Sort activity logs and prepare JSX elements using for...of loop
+  const renderActivityLogs = () => {
+    if (activityLogs.length === 0) {
+      return (
+        <p className="text-muted-foreground text-sm">
+          No activity logs available for this transaction
+        </p>
+      );
+    }
+
+    // Sort logs chronologically using for...of loop (manual sorting)
+    const sortedLogs: ActivityLogEntry[] = [];
+
+    // Copy all logs to sortedLogs first
+    for (const log of activityLogs) {
+      sortedLogs[sortedLogs.length] = log;
+    }
+
+    // Manual bubble sort using for...of loops
+    for (let i = 0; i < sortedLogs.length; i++) {
+      for (let j = 0; j < sortedLogs.length - 1 - i; j++) {
+        const currentLog = sortedLogs[j];
+        const nextLog = sortedLogs[j + 1];
+
+        if (
+          currentLog &&
+          nextLog &&
+          new Date(currentLog.createdAt).getTime() >
+            new Date(nextLog.createdAt).getTime()
+        ) {
+          // Swap elements
+          sortedLogs[j] = nextLog;
+          sortedLogs[j + 1] = currentLog;
+        }
+      }
+    }
+
+    const logElements: React.ReactElement[] = [];
+    let index = 0;
+
+    for (const log of sortedLogs) {
+      const isLast = index === sortedLogs.length - 1;
+      logElements.push(
+        <ActivityLogEntryItem isLast={isLast} key={log.id} log={log} />,
+      );
+      index++;
+    }
+
+    return <div className="space-y-4">{logElements}</div>;
+  };
+
+  return (
+    <Card>
+      <CardHeader>
+        <CardTitle className="text-lg">Activity Log</CardTitle>
+      </CardHeader>
+      <CardContent>{renderActivityLogs()}</CardContent>
+    </Card>
+  );
+}
+
+function ActivityLogEntryItem({
+  log,
+  isLast,
+}: {
+  log: ActivityLogEntry;
+  isLast: boolean;
+}) {
+  const [isExpanded, setIsExpanded] = useState(false);
+
+  // Get display info based on event type
+  const getEventTypeInfo = (eventType: string) => {
+    const type = eventType.toLowerCase();
+    if (type.includes("success"))
+      return {
+        dot: "bg-green-500",
+        label: "Success",
+        variant: "success" as const,
+      };
+    if (type.includes("nack"))
+      return {
+        dot: "bg-yellow-500",
+        label: "Retry",
+        variant: "warning" as const,
+      };
+    if (type.includes("failure"))
+      return {
+        dot: "bg-red-500",
+        label: "Error",
+        variant: "destructive" as const,
+      };
+    return {
+      dot: "bg-primary",
+      label: eventType,
+      variant: "secondary" as const,
+    };
+  };
+
+  const eventInfo = getEventTypeInfo(log.eventType);
+
+  return (
+    <div className="relative">
+      {/* Timeline line */}
+      {!isLast && (
+        <div className="absolute left-4 top-8 h-full w-0.5 bg-border" />
+      )}
+
+      <div className="flex items-start gap-4">
+        {/* Timeline dot */}
+        <div className="relative flex h-8 w-8 items-center justify-center rounded-full bg-muted">
+          <div className={`h-3 w-3 rounded-full ${eventInfo.dot}`} />
+        </div>
+
+        {/* Content */}
+        <div className="flex-1 min-w-0">
+          <button
+            className="flex w-full items-center justify-between py-2 text-left hover:bg-muted/50 rounded-md px-2 -ml-2"
+            onClick={() => setIsExpanded(!isExpanded)}
+            type="button"
+          >
+            <div className="flex items-center gap-2">
+              <span className="font-medium text-sm">{log.stageName}</span>
+              <Badge variant={eventInfo.variant}>{eventInfo.label}</Badge>
+            </div>
+            <div className="flex items-center gap-2">
+              {isExpanded ? (
+                <ChevronDownIcon className="h-4 w-4 text-muted-foreground" />
+              ) : (
+                <ChevronRightIcon className="h-4 w-4 text-muted-foreground" />
+              )}
+            </div>
+          </button>
+
+          {isExpanded && (
+            <div className="mt-2 space-y-3 px-2">
+              <div className="grid grid-cols-2 gap-4 text-sm">
+                <div>
+                  <div className="text-muted-foreground">Executor</div>
+                  <div className="font-mono">{log.executorName}</div>
+                </div>
+                <div>
+                  <div className="text-muted-foreground">Created At</div>
+                  <div className="font-mono text-xs">
+                    {format(new Date(log.createdAt), "PP pp z")}
+                  </div>
+                </div>
+              </div>
+
+              {log.payload && (
+                <div>
+                  <div className="text-muted-foreground text-sm mb-2">
+                    Payload
+                  </div>
+                  <CodeClient
+                    code={JSON.stringify(log.payload, null, 2)}
+                    lang="json"
+                  />
+                </div>
+              )}
+            </div>
+          )}
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/apps/dashboard/src/app/bridge/constants.ts b/apps/dashboard/src/app/bridge/constants.ts
index 95b7fdbc0ed..f5bd30febe5 100644
--- a/apps/dashboard/src/app/bridge/constants.ts
+++ b/apps/dashboard/src/app/bridge/constants.ts
@@ -31,6 +31,20 @@ function getBridgeThirdwebClient() {
     });
   }
 
+  // During build time, client ID might not be available
+  if (!NEXT_PUBLIC_DASHBOARD_CLIENT_ID) {
+    // Return a minimal client that will fail gracefully at runtime if needed
+    return createThirdwebClient({
+      clientId: "dummy-build-time-client",
+      config: {
+        storage: {
+          gatewayUrl: NEXT_PUBLIC_IPFS_GATEWAY_URL,
+        },
+      },
+      secretKey: undefined,
+    });
+  }
+
   return createThirdwebClient({
     clientId: NEXT_PUBLIC_DASHBOARD_CLIENT_ID,
     config: {
diff --git a/apps/dashboard/src/app/pay/constants.ts b/apps/dashboard/src/app/pay/constants.ts
index 6000afb43c1..5d9a0fc13df 100644
--- a/apps/dashboard/src/app/pay/constants.ts
+++ b/apps/dashboard/src/app/pay/constants.ts
@@ -31,6 +31,20 @@ function getPayThirdwebClient() {
     });
   }
 
+  // During build time, client ID might not be available
+  if (!NEXT_PUBLIC_DASHBOARD_CLIENT_ID) {
+    // Return a minimal client that will fail gracefully at runtime if needed
+    return createThirdwebClient({
+      clientId: "dummy-build-time-client",
+      config: {
+        storage: {
+          gatewayUrl: NEXT_PUBLIC_IPFS_GATEWAY_URL,
+        },
+      },
+      secretKey: undefined,
+    });
+  }
+
   return createThirdwebClient({
     clientId: NEXT_PUBLIC_DASHBOARD_CLIENT_ID,
     config: {