Deploy: Unified Docker setup with Nginx and Supervisor

Dockerfile

@@ -0,0 +1,56 @@
+# Stage 1: Build the Next.js frontend
+FROM node:20-alpine AS builder
+
+WORKDIR /app
+COPY package*.json ./
+RUN npm install
+
+COPY . .
+# We need to ensure that the Next.js app knows the API URL during build/runtime
+# For this Hugging Face setup with NGINX, the API is available at the same domain under /api/
+ENV NEXT_PUBLIC_API_URL=/api
+RUN npm run build
+
+# Stage 2: Setup Python environment and run both applications
+FROM python:3.11-slim
+
+WORKDIR /app
+
+# Install Node.js, NGINX, and Supervisord
+RUN apt-get update && apt-get install -y \
+    curl \
+    nginx \
+    supervisor \
+    && curl -fsSL https://deb.nodesource.com/setup_20.x | bash - \
+    && apt-get install -y nodejs \
+    && rm -rf /var/lib/apt/lists/*
+
+# Install Python dependencies
+COPY backend/requirements.txt /app/backend/
+RUN pip install --no-cache-dir -r /app/backend/requirements.txt
+RUN pip install --no-cache-dir uvicorn
+
+# Copy built frontend from the builder stage
+COPY --from=builder /app/package*.json ./
+COPY --from=builder /app/.next ./.next
+COPY --from=builder /app/public ./public
+COPY --from=builder /app/node_modules ./node_modules
+
+# Copy the rest of the frontend (e.g. next.config.ts) and the backend
+COPY . /app
+
+# Copy Nginx configuration
+COPY nginx.conf /etc/nginx/sites-available/default
+
+# Copy Supervisor configuration
+COPY supervisord.conf /etc/supervisor/conf.d/supervisord.conf
+
+# Expose the port Hugging Face Spaces expects
+EXPOSE 7860
+
+# We set the environment variables for runtime
+ENV PORT=3000
+ENV NEXT_PUBLIC_API_URL=/api
+
+# Start Supervisor, which will manage Next.js, FastAPI, and NGINX
+CMD ["/usr/bin/supervisord", "-c", "/etc/supervisor/conf.d/supervisord.conf"]

nginx.conf

@@ -0,0 +1,27 @@
+server {
+    listen 7860;
+    
+    server_name localhost;
+
+    # Frontend (Next.js)
+    location / {
+        proxy_pass http://127.0.0.1:3000;
+        proxy_http_version 1.1;
+        proxy_set_header Upgrade $http_upgrade;
+        proxy_set_header Connection 'upgrade';
+        proxy_set_header Host $host;
+        proxy_cache_bypass $http_upgrade;
+    }
+
+    # Backend (FastAPI)
+    location /api/ {
+        # Assuming the backend API routes start with /api/ or similar.
+        # Adjust if necessary, but rewrites/proxying needs to handle this
+        proxy_pass http://127.0.0.1:8000;
+        proxy_http_version 1.1;
+        proxy_set_header Upgrade $http_upgrade;
+        proxy_set_header Connection 'upgrade';
+        proxy_set_header Host $host;
+        proxy_cache_bypass $http_upgrade;
+    }
+}

src/lib/api.ts

@@ -1,6 +1,8 @@
 import axios from 'axios';
 
-const API_URL = process.env.NEXT_PUBLIC_API_URL || 'http://127.0.0.1:8000';
+// When running in Docker on HF Spaces, the backend is on the same host,
+// routed by Nginx under the `/api` or `/` path
+const API_URL = process.env.NEXT_PUBLIC_API_URL || '';
 
 export class ApiService {
     static async createSession() {

supervisord.conf

@@ -0,0 +1,32 @@
+[supervisord]
+nodaemon=true
+user=root
+logfile=/var/log/supervisord.log
+pidfile=/var/run/supervisord.pid
+
+[program:frontend]
+command=npm run start
+directory=/app
+autostart=true
+autorestart=true
+stderr_logfile=/var/log/frontend.err.log
+stdout_logfile=/var/log/frontend.out.log
+user=root
+environment=PORT="3000"
+
+[program:backend]
+command=uvicorn main:app --host 127.0.0.1 --port 8000
+directory=/app/backend
+autostart=true
+autorestart=true
+stderr_logfile=/var/log/backend.err.log
+stdout_logfile=/var/log/backend.out.log
+user=root
+
+[program:nginx]
+command=nginx -g "daemon off;"
+autostart=true
+autorestart=true
+stderr_logfile=/var/log/nginx.err.log
+stdout_logfile=/var/log/nginx.out.log
+user=root