Implemented .env file and integrated env variables into production via production.env and the dotenv npm module

frontend/Dockerfile

@@ -8,7 +8,7 @@ RUN npm install
 
 COPY . .
 
-RUN npm run build
+RUN npm run build --env-file=production.env
 RUN npm prune --omit=dev
 
 FROM node:22.5.1-alpine AS deployer

frontend/package-lock.json

@@ -7,6 +7,9 @@
 		"": {
 			"name": "personal-website",
 			"version": "0.0.1",
+			"dependencies": {
+				"dotenv": "^16.4.5"
+			},
 			"devDependencies": {
 				"@sveltejs/adapter-node": "^5.2.0",
 				"@sveltejs/kit": "^2.0.0",
@@ -1498,6 +1501,18 @@
 			"dev": true,
 			"license": "MIT"
 		},
+		"node_modules/dotenv": {
+			"version": "16.4.5",
+			"resolved": "https://registry.npmjs.org/dotenv/-/dotenv-16.4.5.tgz",
+			"integrity": "sha512-ZmdL2rui+eB2YwhsWzjInR8LldtZHGDoQ1ugH85ppHKwpUHL7j7rN0Ti9NCnGiQbhaZ11FpR+7ao1dNsmduNUg==",
+			"license": "BSD-2-Clause",
+			"engines": {
+				"node": ">=12"
+			},
+			"funding": {
+				"url": "https://dotenvx.com"
+			}
+		},
 		"node_modules/eastasianwidth": {
 			"version": "0.2.0",
 			"resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz",

frontend/package.json

@@ -23,5 +23,8 @@
 		"svelte": "^4.2.7",
 		"vite": "^5.0.3"
 	},
-	"type": "module"
+	"type": "module",
+	"dependencies": {
+		"dotenv": "^16.4.5"
+	}
 }

frontend/src/routes/+page.svelte

@@ -1,2 +1,8 @@
+<script>
+    import { PUBLIC_TEST } from '$env/static/public'
+</script>
+
 <h1>Welcome to SvelteKit</h1>
 <p>Visit <a href="https://kit.svelte.dev">kit.svelte.dev</a> to read the documentation</p>
+
+<p>{PUBLIC_TEST}</p>