lgtm ✅

Author: Dragon4926

js/server.js

@@ -12,13 +12,13 @@ app.use(rateLimit({
   max: 100 // limit each IP to 100 requests per windowMs
 }));
 
-// Add Vercel-specific configuration
+// Serve static files from root directory
 app.use(express.static(path.join(__dirname, '../')));
 
-// Update static paths
-app.use('/static', express.static(path.join(__dirname, '..', 'public')));
-app.use('/css', express.static(path.join(__dirname, '..', 'css')));
-app.use('/js', express.static(path.join(__dirname, '..', 'js')));
+// Serve specific directories
+app.use('/js', express.static(path.join(__dirname)));
+app.use('/css', express.static(path.join(__dirname, '../css')));
+app.use('/public', express.static(path.join(__dirname, '../public')));
 
 app.get('/', (req, res) => {
   res.sendFile(path.join(__dirname, '..', 'public', 'index.html'))
@@ -64,9 +64,9 @@ app.use((err, req, res, next) => {
   res.status(500).send('Something broke!');
 });
 
-// Add catch-all route for SPA
+// Handle SPA routing
 app.get('*', (req, res) => {
-  res.sendFile(path.join(__dirname, '..', 'public', 'index.html'));
+  res.sendFile(path.join(__dirname, '../public/index.html'));
 });
 
 const PORT = process.env.PORT || 3000;

js/snow.js

@@ -17,7 +17,7 @@ function initSnow() {
   const vertices = [];
   const textureLoader = new THREE.TextureLoader();
 
-  const sprite = textureLoader.load('/public/snowflake.png');
+  const sprite = textureLoader.load('/snowflake.png');
 
   for (let i = 0; i < 1000; i++) {
     const x = Math.random() * 2000 - 1000;

package.json

@@ -3,6 +3,7 @@
   "version": "2.1.0",
   "main": "server.js",
   "scripts": {
+    "build": "node js/server.js",
     "start": "node js/server.js",
     "dev": "nodemon js/server.js"
   },

vercel.config vercel.json

@@ -6,18 +6,26 @@
       "use": "@vercel/node"
     },
     {
-      "src": "public/**/*",
+      "src": "public/**",
       "use": "@vercel/static"
     }
   ],
   "routes": [
     {
       "src": "/api/(.*)",
-      "dest": "js/server.js"
+      "dest": "/js/server.js"
+    },
+    {
+      "src": "/js/(.*)",
+      "dest": "/js/$1"
+    },
+    {
+      "src": "/css/(.*)",
+      "dest": "/css/$1"
     },
     {
       "src": "/(.*)",
-      "dest": "public/$1"
+      "dest": "/public/$1"
     }
   ]
 }