diff --git a/.env.local.example b/.env.local.example
new file mode 100644
index 0000000..59cf1a0
--- /dev/null
+++ b/.env.local.example
@@ -0,0 +1 @@
+PRODUCTION_URL=https://safe-app.abuusama.dev/
\ No newline at end of file
diff --git a/src/App.tsx b/src/App.tsx
index 7fe51dd..d9ee610 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -3,6 +3,7 @@ import { type Address, encodeFunctionData, parseAbiItem } from "viem";
 import { useSafeAppsSDK } from "@safe-global/safe-apps-react-sdk";
 import { Button } from "./components/ui/button";
 import { useSendSafeTx } from "./hooks/send-safe-transaction";
+import { SITE_URL } from "./constants/site";
 
 // Mock USDC on Sepolia with a `faucet()` function
 const USDC = "0x9EfEE50bea4E83447D4c0DC7c4723F1940400B8C";
@@ -20,6 +21,7 @@ const SafeApp = (): React.ReactElement => {
 		<div className="flex min-h-screen">
 			<div className="flex flex-col items-center gap-6 mx-auto mt-16">
 				<p className="text-2xl">Safe: {safe.safeAddress}</p>
+				<p className="text-sm text-gray-500">Current URL: {SITE_URL}</p>
 				<Button
 					variant="default"
 					color="primary"
diff --git a/src/constants/site.ts b/src/constants/site.ts
new file mode 100644
index 0000000..3f60fd6
--- /dev/null
+++ b/src/constants/site.ts
@@ -0,0 +1,7 @@
+const getSiteUrl = () => {
+	if (process.env.PRODUCTION_URL) return `https://${process.env.PRODUCTION_URL}`;
+	return "http://localhost:3000";
+};
+
+export const SITE_URL = getSiteUrl();
+export const APP_NAME = "Safe App Boilerplate";