env check

.env.development

@@ -0,0 +1 @@
+VITE_API_URL=http://localhost:8069

.gitignore

@@ -4,7 +4,6 @@ node_modules
 /.svelte-kit
 /package
 .env
-.env.*
 !.env.example
 vite.config.js.timestamp-*
 vite.config.ts.timestamp-*

package-lock.json

@@ -7,6 +7,9 @@
 		"": {
 			"name": "brz9front",
 			"version": "0.0.1",
+			"dependencies": {
+				"dotenv": "^16.0.3"
+			},
 			"devDependencies": {
 				"@sveltejs/adapter-auto": "^2.0.0",
 				"@sveltejs/adapter-node": "^1.2.4",
@@ -1003,6 +1006,14 @@
 				"node": ">=6.0.0"
 			}
 		},
+		"node_modules/dotenv": {
+			"version": "16.0.3",
+			"resolved": "https://registry.npmjs.org/dotenv/-/dotenv-16.0.3.tgz",
+			"integrity": "sha512-7GO6HghkA5fYG9TYnNxi14/7K9f5occMlp3zXAuSxn7CKCxt9xbNWG7yF8hTCSUchlfWSe3uLmlPfigevRItzQ==",
+			"engines": {
+				"node": ">=12"
+			}
+		},
 		"node_modules/esbuild": {
 			"version": "0.17.19",
 			"resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.17.19.tgz",

package.json

@@ -21,5 +21,8 @@
 		"svelte": "^3.54.0",
 		"vite": "^4.3.0"
 	},
-	"type": "module"
+	"type": "module",
+	"dependencies": {
+		"dotenv": "^16.0.3"
+	}
 }

src/routes/+page.svelte

@@ -1,5 +1,6 @@
 <script>
     let text = '';
+    const apiUrl = import.meta.env.VITE_API_URL;
 
     async function createNote() {
         const response = await fetch('https://api.brz9.dev/notes', {
@@ -56,3 +57,5 @@
         <li>{note.Text}</li>
     {/each}
 </ul>
+
+<h4>Just to check, the current API endpoint is : {apiUrl}</h4>