Backend integrated?

backend/src/index.js

@@ -7,8 +7,9 @@ const connectDB = require("./db");
 // connect database
 connectDB();
 
-app.get("/", (req, res) => {
+app.get("/api/test", (req, res) => {
-  res.send("Hello from Proxmox container!");
+  console.log("Hey");
+  res.json({"message": "Hello from backend!"});
 });
 
 app.listen(5000, () => {

frontend/.env.production

@@ -0,0 +1 @@
+API_BASE_URL=https://aranroig.com/api

frontend/.gitignore

@@ -21,4 +21,4 @@ logs
 # Local env files
 .env
 .env.*
-!.env.example
+!.env.production

frontend/Dockerfile

@@ -13,8 +13,7 @@ RUN npm install
 COPY . .
 
 # Build the Nuxt app
-RUN npm run build
+RUN npm run build --dotenv .env.production
-
 
 # ---------- Production Stage ----------
 FROM node:20-alpine

frontend/app/assets/css/colors.scss

@@ -1,3 +1,5 @@
+@use "sass:map";
+
 $themes: (
     dark: (
         background: #141414,
@@ -24,9 +26,9 @@ $themes: (
 }
 
 :root {
-  @include theme-vars(map-get($themes, dark));
+  @include theme-vars(map.get($themes, dark));
 }
 
 [data-theme="light"] {
-  @include theme-vars(map-get($themes, light));
+  @include theme-vars(map.get($themes, light));
 }

frontend/app/composables/api.js

@@ -0,0 +1,27 @@
+// composables/useApi.js
+import { ref } from 'vue'
+
+export default function useApi() {
+  const config = useRuntimeConfig()
+  const baseUrl = config.public.apiBaseUrl
+
+  // Generic GET request
+  const get = async (endpoint) => {
+    const res = await fetch(`${baseUrl}${endpoint}`)
+    if (!res.ok) throw new Error(`API GET ${endpoint} failed`)
+    return res.json()
+  }
+
+  // Generic POST request
+  const post = async (endpoint, payload) => {
+    const res = await fetch(`${baseUrl}${endpoint}`, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify(payload)
+    })
+    if (!res.ok) throw new Error(`API POST ${endpoint} failed`)
+    return res.json()
+  }
+
+  return { get, post }
+}

frontend/app/pages/index.vue

@@ -1,3 +1,18 @@
+<script setup lang="ts">
+import api from '~/composables/api'
+const { get, post } = api();
+
+onMounted(async () => {
+  try {
+    console.log("Getting")
+    const response = await get('/test');
+    console.log('API Response:', response);
+  } catch (error) {
+    console.error('API Error:', error);
+  }
+});
+</script>
+
 <template>
     <h1>ARANROIG.COM</h1>
     

frontend/i18n/locales/ca.json

@@ -0,0 +1,3 @@
+{
+    
+}

frontend/i18n/locales/en.json

@@ -0,0 +1,3 @@
+{
+    
+}

frontend/i18n/locales/es.json

@@ -0,0 +1,3 @@
+{
+    
+}

frontend/nuxt.config.ts

@@ -2,21 +2,28 @@
 export default defineNuxtConfig({
   compatibilityDate: '2025-07-15',
   devtools: { enabled: true },
+
   css: [
     '~/assets/css/colors.scss',
     '~/assets/css/fonts.scss',
     '~/assets/css/main.scss'
   ],
 
-/*
+  runtimeConfig: {
+    public: {
+      apiBaseUrl: process.env.API_BASE_URL || 'http://localhost:5000/api'
+    }
+  },
+
   i18n: {
     locales: [
       { code: 'en', iso: 'en-US', name: 'English', file: 'en.json' },
       { code: 'es', iso: 'es-ES', name: 'Spanish', file: 'es.json' },
-      { code: 'ca', iso: 'ca-ES', nane: 'Catalan', file: 'ca.json' }
+      { code: 'ca', iso: 'ca-ES', name: 'Catalan', file: 'ca.json' }
     ],
     defaultLocale: 'en',
     langDir: 'locales/'
   },
-  */
+
+  modules: ['@nuxtjs/i18n']
 })

frontend/package.json

@@ -10,6 +10,7 @@
     "postinstall": "nuxt prepare"
   },
   "dependencies": {
+    "@nuxtjs/i18n": "10.2.3",
     "nuxt": "^4.3.1",
     "sass": "^1.98.0",
     "vue": "^3.5.30",

frontend/tsconfig.json

@@ -14,5 +14,8 @@
     {
       "path": "./.nuxt/tsconfig.node.json"
     }
-  ]
+  ],
+  "compilerOptions": {
+    "types": ["node"]
+  }
 }

nginx.conf

@@ -5,6 +5,7 @@ http {
         listen 80;
         server_name _;
 
+        # Normal requests
         location / {
             proxy_pass http://frontend:3000;
             
@@ -14,5 +15,16 @@ http {
             proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
             proxy_set_header X-Forwarded-Proto $scheme;
         }
+
+        # Api Requests
+        location /api/ {
+            proxy_pass http://backend:5000;
+            
+            proxy_http_version 1.1;
+            proxy_set_header Host $host;
+            proxy_set_header X-Real-IP $remote_addr;
+            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+            proxy_set_header X-Forwarded-Proto $scheme;
+        }
     }
 }