diff --git a/ui/.env.example b/ui/.env.example
new file mode 100644
index 0000000..5b737f7
--- /dev/null
+++ b/ui/.env.example
@@ -0,0 +1,2 @@
+# Url ohne abschlißenden Slash
+API_URL= http://localhost:8080
\ No newline at end of file
diff --git a/ui/.gitignore b/ui/.gitignore
index b21668d..76035c9 100644
--- a/ui/.gitignore
+++ b/ui/.gitignore
@@ -3,3 +3,4 @@ node_modules
 package-lock.json
 yarn.lock
 public
+/.env
diff --git a/ui/package.json b/ui/package.json
index f794272..bdbbd6e 100644
--- a/ui/package.json
+++ b/ui/package.json
@@ -19,6 +19,7 @@
     "@rollup/plugin-commonjs": "^15.0.0",
     "@rollup/plugin-node-resolve": "^9.0.0",
     "@rollup/plugin-replace": "^2.3.0",
+    "dotenv": "^8.2.0",
     "npm-run-all": "^4.1.3",
     "rollup": "^2.30.0",
     "rollup-plugin-svelte": "^6.0.0",
diff --git a/ui/rollup.config.js b/ui/rollup.config.js
index c05a512..7b165f5 100644
--- a/ui/rollup.config.js
+++ b/ui/rollup.config.js
@@ -3,6 +3,7 @@ import replace from '@rollup/plugin-replace';
 import resolve from '@rollup/plugin-node-resolve';
 import commonjs from '@rollup/plugin-commonjs';
 import { terser } from 'rollup-plugin-terser';
+import {config} from 'dotenv';
 
 const production = !process.env.ROLLUP_WATCH;
 
@@ -35,7 +36,8 @@ export default {
 		commonjs(),
 
 		replace({
-			'process.env.NODE_ENV': JSON.stringify(production ? 'production' : 'development')
+			'process.env.NODE_ENV': JSON.stringify(production ? 'production' : 'development'),
+            'env': JSON.stringify({...config().parsed /* attached the .env config*/})
 		}),
 
 		// If we're building for production (npm run build