enabled devcontainers

.devcontainer/Dockerfile

@@ -0,0 +1,31 @@
+#BUILDER
+FROM node:19-alpine as builder
+
+#Make the builder directory
+WORKDIR /website_fosscu
+
+#COPY build source from project
+COPY package*.json .
+COPY yarn.lock .
+
+#Copy all files into container
+COPY . .
+
+#Installing all dependencies
+RUN yarn install
+
+
+#MAIN
+FROM node:19-alpine as main
+
+#Make main app directory
+WORKDIR /app
+
+#Copy all from builder stage
+COPY --from=builder /website_fosscu/.  ./
+
+# Run the production build
+RUN yarn build
+
+# Start the server
+CMD ["yarn", "start"]

.devcontainer/devcontainer.json

@@ -0,0 +1,23 @@
+{
+    "name": "website-fosscu",
+    "dockerFile": "Dockerfile",
+    "context": "..", 
+    "remoteUser": "node",
+    "forwardPorts": [8080], 
+    "postCreateCommand": "yarn", 
+    "shutdownAction": "none",
+    "customizations": {
+        "vscode": {
+            "settings": {
+                "terminal.integrated.shell.linux": "/bin/bash",
+                "editor.formatOnSave": true, 
+                "eslint.alwaysShowStatus": true 
+            },
+            "extensions": [
+                "dbaeumer.vscode-eslint", 
+                "esbenp.prettier-vscode", 
+                "ms-azuretools.vscode-docker" 
+            ]
+        }
+    }
+}

vite.config.ts

@@ -12,5 +12,8 @@ export default defineConfig({
   },
   define: {
     'process.env': process.env
+  },
+  server: {
+    port: 8080, // Set the desired port here
   }
 });