# Usa una imagen base de Node.js para construir la aplicación
FROM node:20.9.0 AS build

# Establece el directorio de trabajo
WORKDIR /app

# Copia el package.json y el package-lock.json
COPY package*.json ./

# Instala las dependencias
RUN npm install

# Instala Angular CLI globalmente
RUN npm install -g @angular/cli

# Copia el resto de la aplicación
COPY . .

# Construye la aplicación para el entorno especificado
RUN ng build --configuration staging

# Usa una imagen base de Nginx para servir los archivos estáticos
FROM nginx:alpine

# Copia los archivos estáticos construidos desde la etapa anterior
COPY --from=build /app/dist/browser /usr/share/nginx/html

# Copia el archivo de configuración de Nginx personalizado
COPY nginx/staging/nginx.conf /etc/nginx/nginx.conf

# Expone el puerto en el que Nginx está corriendo
EXPOSE 3000

# Comando para ejecutar Nginx
CMD ["nginx", "-g", "daemon off;"]