Dockerfile

# Stage 1: Build the React app using Vite
FROM node:22-alpine AS builder

# Set environment variables
ARG VITE_BASE_URL
ARG VITE_AUDIO_BASE_URL
ARG VITE_LIVEBLOCKS_PUBKEY
ARG VITE_SUPABASE_ANON_KEY
ARG VITE_SUPABASE_URL
ARG VITE_AUTH_REDIRECT_URL
ARG VITE_POSTHOG_KEY
ARG VITE_POSTHOG_HOST

# Set working directory
WORKDIR /app

# Copy package.json and package-lock.json
COPY package.json package-lock.json ./

# Install dependencies
RUN npm ci

# Copy all source files
COPY . .

# Build the application
RUN npm run build

# Stage 2: Serve the React app with Nginx
FROM nginx:stable-alpine

# Remove default Nginx static assets
RUN rm -rf /usr/share/nginx/html/*

# Copy built assets from builder stage
COPY --from=builder /app/dist /usr/share/nginx/html

# Copy custom Nginx configuration
COPY nginx.conf /etc/nginx/conf.d/default.conf

# Expose port 8080
EXPOSE 8080

# Start Nginx
CMD ["nginx", "-g", "daemon off;"]