perf: 🚀

.env.local.example

@@ -0,0 +1 @@
+PRODUCTION_URL=https://safe-app.abuusama.dev/

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"

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";