fixed graph

Dockerfile.fullstack

@@ -77,18 +77,27 @@ sleep 2
 redis-cli ping > /dev/null
 echo "✅ Redis is ready"
 
-# Start Backend in background
-echo "🔧 Starting NestJS backend..."
+# Start Backend in background on port 3001
+# Use BACKEND_PORT to avoid conflict with the frontend PORT env var
+echo "🔧 Starting NestJS backend on port 3001..."
 cd /app/backend
-PORT=3001 node dist/main.js &
+BACKEND_PORT=3001 node dist/main.js &
 BACKEND_PID=$!
 sleep 3
-echo "✅ Backend started (PID: $BACKEND_PID)"
+
+# Verify backend is running
+if kill -0 $BACKEND_PID 2>/dev/null; then
+  echo "✅ Backend started (PID: $BACKEND_PID)"
+else
+  echo "❌ Backend failed to start!"
+  exit 1
+fi
 
 # Start Frontend (foreground - keeps container alive)
-echo "🌐 Starting Next.js frontend on port 7860..."
+# PORT=7860 is already set via Docker ENV
+echo "🌐 Starting Next.js frontend on port ${PORT}..."
 cd /app/frontend
-PORT=7860 node server.js
+HOSTNAME=0.0.0.0 node server.js
 
 EOF
 

backend/src/main.ts

@@ -18,7 +18,8 @@ async function bootstrap() {
   
   app.setGlobalPrefix('api');
   
-  const port = process.env.PORT || 3001;
+  // Use BACKEND_PORT to avoid conflicts with frontend PORT on Hugging Face
+  const port = process.env.BACKEND_PORT || 3001;
   await app.listen(port);
   console.log(`WagerKit API running on http://localhost:${port}`);
 }

frontend/src/app/market/[slug]/page.tsx

@@ -94,6 +94,9 @@ export default function MarketDetailPage() {
   const [loading, setLoading] = useState(true);
 
   useEffect(() => {
+    // Reset state when slug changes to prevent showing stale market data
+    setMarket(null);
+    setLoading(true);
     if (slug) {
       getMarketDetail(slug)
         .then(setMarket)
@@ -463,7 +466,7 @@ export default function MarketDetailPage() {
           </div>
 
           <div className="h-80">
-            <Line data={chartData} options={chartOptions} />
+            <Line key={slug} data={chartData} options={chartOptions} />
           </div>
         </div>
 

frontend/src/lib/api.ts

@@ -8,12 +8,14 @@ function getToken(): string | null {
 async function apiFetch(path: string, options: RequestInit = {}) {
   const headers: Record<string, string> = {
     'Content-Type': 'application/json',
+    'Cache-Control': 'no-cache',
     ...(options.headers as Record<string, string>),
   };
 
   const res = await fetch(`${API_URL}${path}`, {
     ...options,
     headers,
+    cache: 'no-store',
   });
 
   if (!res.ok) {