diff --git a/.gitignore b/.gitignore
index 070d2b208..e541e240d 100644
--- a/.gitignore
+++ b/.gitignore
@@ -15,6 +15,7 @@ build/
 # misc
 .DS_Store
 .env.local
+.env.*.local
 .env.development.local
 .env.test.local
 .env.production.local
diff --git a/package.json b/package.json
index 4acfb59c7..3e8dd73d1 100644
--- a/package.json
+++ b/package.json
@@ -11,6 +11,8 @@
     "clean:modules:trash": "find . -name \"node_modules\" -type d -prune -exec trash {} +",
     "regen": "rm -rf pnpm-lock.yaml && pnpm clean:modules && corepack use pnpm@latest",
     "dev": "pnpm --filter widget-playground-vite dev",
+    "dev:dev": "pnpm --filter widget-playground-vite dev:dev",
+    "dev:staging": "pnpm --filter widget-playground-vite dev:staging",
     "dev:next": "pnpm --filter widget-playground-next dev",
     "release": "pnpm release:version && pnpm release:build && pnpm standard-version -a -s",
     "release:alpha": "pnpm release:version --preid alpha && pnpm release:build && pnpm standard-version -a -s --prerelease alpha --skip.changelog",
diff --git a/packages/widget-playground-vite/.env b/packages/widget-playground-vite/.env
index 1f748bc60..6c9440662 100644
--- a/packages/widget-playground-vite/.env
+++ b/packages/widget-playground-vite/.env
@@ -1 +1,2 @@
 VITE_EVM_WALLET_CONNECT=5432e3507d41270bee46b7b85bbc2ef8
+VITE_API_URL=https://li.quest/v1
diff --git a/packages/widget-playground-vite/.env.dev b/packages/widget-playground-vite/.env.dev
new file mode 100644
index 000000000..5e2414ec5
--- /dev/null
+++ b/packages/widget-playground-vite/.env.dev
@@ -0,0 +1,2 @@
+VITE_API_URL=https://develop.li.quest/v1
+# Set VITE_API_KEY in .env.dev.local (git-ignored)
diff --git a/packages/widget-playground-vite/.env.staging b/packages/widget-playground-vite/.env.staging
new file mode 100644
index 000000000..2fcbddf09
--- /dev/null
+++ b/packages/widget-playground-vite/.env.staging
@@ -0,0 +1,2 @@
+VITE_API_URL=https://staging.li.quest/v1
+# Set VITE_API_KEY in .env.staging.local (git-ignored)
diff --git a/packages/widget-playground-vite/package.json b/packages/widget-playground-vite/package.json
index 65cdb3aa3..10de166fc 100644
--- a/packages/widget-playground-vite/package.json
+++ b/packages/widget-playground-vite/package.json
@@ -5,6 +5,8 @@
   "scripts": {
     "analyze": "source-map-explorer 'dist/assets/*.js' --no-border-checks",
     "dev": "vite",
+    "dev:dev": "vite --mode dev",
+    "dev:staging": "vite --mode staging",
     "build": "tsc && vite build",
     "clean": "rm -rf dist tsconfig.tsbuildinfo",
     "preview": "vite preview",
diff --git a/packages/widget-playground-vite/src/App.tsx b/packages/widget-playground-vite/src/App.tsx
index a73f6f896..d10abe21c 100644
--- a/packages/widget-playground-vite/src/App.tsx
+++ b/packages/widget-playground-vite/src/App.tsx
@@ -48,3 +48,14 @@ if (!import.meta.env.VITE_EVM_WALLET_CONNECT) {
     'VITE_EVM_WALLET_CONNECT is require in your .env.local file for external wallet management'
   )
 }
+
+if (
+  import.meta.env.MODE !== 'development' &&
+  import.meta.env.MODE !== 'production' &&
+  !import.meta.env.VITE_API_KEY
+) {
+  throw new Error(
+    `VITE_API_KEY is required when running in "${import.meta.env.MODE}" mode. ` +
+      `Please set it in your .env.${import.meta.env.MODE}.local file.`
+  )
+}
diff --git a/packages/widget-playground/src/defaultWidgetConfig.ts b/packages/widget-playground/src/defaultWidgetConfig.ts
index 37f28275e..4f3e8a2a3 100644
--- a/packages/widget-playground/src/defaultWidgetConfig.ts
+++ b/packages/widget-playground/src/defaultWidgetConfig.ts
@@ -53,6 +53,9 @@ export const widgetBaseConfig: WidgetConfig = {
   //   },
   // },
   integrator: 'li.fi-playground',
+  ...(import.meta.env.VITE_API_KEY && {
+    apiKey: import.meta.env.VITE_API_KEY,
+  }),
   // fee: 0.01,
   // feeConfig: {
   //   name: 'DApp fee',
@@ -74,7 +77,7 @@ export const widgetBaseConfig: WidgetConfig = {
   // usePartialWalletManagement: true,
   // },
   sdkConfig: {
-    apiUrl: 'https://li.quest/v1',
+    apiUrl: import.meta.env.VITE_API_URL || 'https://li.quest/v1',
     preloadChains: false,
     rpcUrls: {
       [ChainId.SOL]: [
diff --git a/packages/widget-playground/src/env.d.ts b/packages/widget-playground/src/env.d.ts
new file mode 100644
index 000000000..ef695bae9
--- /dev/null
+++ b/packages/widget-playground/src/env.d.ts
@@ -0,0 +1,12 @@
+declare global {
+  interface ImportMetaEnv {
+    readonly VITE_API_URL?: string
+    readonly VITE_API_KEY?: string
+  }
+
+  interface ImportMeta {
+    readonly env: ImportMetaEnv
+  }
+}
+
+export {}