| # Stage 1: Build the Frontend | |
| FROM node:20-slim AS build-frontend | |
| WORKDIR /frontend | |
| COPY App/frontend/package*.json ./ | |
| RUN npm install | |
| COPY App/frontend/ ./ | |
| RUN npm run build | |
| # Stage 2: Build the Backend and Serve | |
| FROM python:3.10 | |
| WORKDIR /app | |
| # Install system dependencies | |
| RUN apt-get update && apt-get install -y \ | |
| ffmpeg \ | |
| libgomp1 \ | |
| libsndfile1 \ | |
| build-essential \ | |
| python3-dev \ | |
| && rm -rf /var/lib/apt/lists/* | |
| # Copy backend requirements and install | |
| COPY requirements_docker.txt ./ | |
| RUN pip install --no-cache-dir -r requirements_docker.txt | |
| # Copy backend code (just the download script first for caching) | |
| COPY App/backend/download_model.py ./ | |
| RUN python download_model.py | |
| # Copy the rest of the backend code | |
| COPY App/backend/ ./ | |
| # Copy built frontend from Stage 1 into the backend's static directory | |
| COPY --from=build-frontend /frontend/dist ./static | |
| # Expose the port (Hugging Face uses 7860 by default) | |
| EXPOSE 7860 | |
| # Run the application | |
| CMD ["uvicorn", "main:app", "--host", "0.0.0.0", "--port", "7860"] | |