Move to server.js

Author: alruiz-pro

package.json

@@ -6,7 +6,7 @@
     "dev": "vite",
     "build": "vite build",
     "preview": "vite preview",
-    "start": "npx serve -s dist -l 0.0.0.0:$PORT"
+    "start": "node server.js"
   },
   "dependencies": {
     "@emotion/react": "^11.14.0",
@@ -17,12 +17,13 @@
     "@fortawesome/free-solid-svg-icons": "^6.7.2",
     "@fortawesome/react-fontawesome": "^0.2.2",
     "@mui/material": "^7.1.1",
+    "compression": "^1.7.4",
+    "express": "^4.18.2",
     "i18next": "^25.2.1",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "react-i18next": "^15.5.3",
-    "react-router-dom": "^7.1.1",
-    "serve": "^14.2.4"
+    "react-router-dom": "^7.1.1"
   },
   "devDependencies": {
     "@eslint/js": "^9.17.0",

server.js

@@ -0,0 +1,37 @@
+const express = require('express');
+const path = require('path');
+const compression = require('compression');
+
+const app = express();
+const port = process.env.PORT || 3000;
+
+// Enable gzip compression
+app.use(compression());
+
+// Serve static files from the current directory (dist in production)
+app.use(express.static(path.join(__dirname), {
+  maxAge: '1y', // Cache static assets for 1 year
+  etag: false
+}));
+
+// Set security headers
+app.use((req, res, next) => {
+  res.setHeader('X-Content-Type-Options', 'nosniff');
+  res.setHeader('X-Frame-Options', 'DENY');
+  res.setHeader('X-XSS-Protection', '1; mode=block');
+  next();
+});
+
+// Handle client-side routing - serve index.html for all non-file routes
+app.get('*', (req, res) => {
+  // Only serve index.html for routes that don't have file extensions
+  if (!req.path.includes('.')) {
+    res.sendFile(path.join(__dirname, 'index.html'));
+  } else {
+    res.status(404).send('File not found');
+  }
+});
+
+app.listen(port, () => {
+  console.log(`Server running on port ${port}`);
+});

web.config

@@ -1,37 +1,37 @@
 <?xml version="1.0" encoding="utf-8"?>
 <configuration>
   <system.webServer>
+    <webSocket enabled="false" />
+    <handlers>
+      <add name="iisnode" path="server.js" verb="*" modules="iisnode"/>
+    </handlers>
     <rewrite>
       <rules>
-        <rule name="Handle History API">
-          <match url=".*" />
-          <conditions logicalGrouping="MatchAll">
-            <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
-            <add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
+        <rule name="NodeInspector" patternSyntax="ECMAScript" stopProcessing="true">
+          <match url="^server.js\/debug[\/]?" />
+        </rule>
+        <rule name="StaticContent">
+          <action type="Rewrite" url="public{REQUEST_URI}"/>
+        </rule>
+        <rule name="DynamicContent">
+          <conditions>
+            <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="True"/>
           </conditions>
-          <action type="Rewrite" url="/index.html" />
+          <action type="Rewrite" url="server.js"/>
         </rule>
       </rules>
     </rewrite>
-    <staticContent>
-      <mimeMap fileExtension=".js" mimeType="application/javascript" />
-      <mimeMap fileExtension=".css" mimeType="text/css" />
-      <mimeMap fileExtension=".json" mimeType="application/json" />
-      <mimeMap fileExtension=".woff" mimeType="font/woff" />
-      <mimeMap fileExtension=".woff2" mimeType="font/woff2" />
-    </staticContent>
-    <httpCompression>
-      <dynamicTypes>
-        <add mimeType="application/javascript" enabled="true" />
-        <add mimeType="text/css" enabled="true" />
-      </dynamicTypes>
-    </httpCompression>
+    <security>
+      <requestFiltering>
+        <hiddenSegments>
+          <remove segment="bin"/>
+        </hiddenSegments>
+      </requestFiltering>
+    </security>
     <httpErrors existingResponse="PassThrough" />
+    <iisnode watchedFiles="web.config;*.js"/>
   </system.webServer>
 </configuration>
-      node_env="%node_env%"
-      nodeProcessCountPerApplication="1"
-      maxConcurrentRequestsPerProcess="1024"
       maxNamedPipeConnectionRetry="3"
       namedPipeConnectionRetryDelay="2000"
       asyncCompletionThreadCount="0"