diff --git a/react-frontend/.env.example b/react-frontend/.env.example
index 6ebe13a..09a53ce 100644
--- a/react-frontend/.env.example
+++ b/react-frontend/.env.example
@@ -1 +1 @@
-backend_url=https://s.tzgyn.com
+VITE_BACKEND_URL=https://s.tzgyn.com
diff --git a/react-frontend/src/App.tsx b/react-frontend/src/App.tsx
index c72bf67..5bc8cac 100644
--- a/react-frontend/src/App.tsx
+++ b/react-frontend/src/App.tsx
@@ -26,7 +26,8 @@ import { useToast } from '@/components/ui/use-toast'
 
 import { useEffect, useState } from 'react'
 
-const backend_url = process.env.backend_url ?? 'http://192.168.100.40:3000'
+const backend_url =
+	import.meta.env.VITE_BACKEND_URL ?? 'http://192.168.100.40:3000'
 
 type Shortener = {
 	id: number