Dockerfile

# Stage 1: Build the app using Parcel
FROM node:20-alpine AS build

# Set the working directory inside the container
WORKDIR /app

# Copy package.json and package-lock.json to install dependencies
COPY package*.json ./

# Install the dependencies (you can use npm ci for faster, reproducible installs)
RUN npm install

# Copy the rest of the app's source code
COPY . .

# Build the app
RUN npm run webpack

# Stage 2: Serve the bundled app
FROM node:20-alpine AS production

# Install a simple HTTP server to serve the static files
RUN npm install -g http-server

# Set the working directory for serving the built files
WORKDIR /app

# Copy the build output from the build stage
COPY --from=build /app/dist /app/dist
COPY webpack/index.html /app

# Expose the port that the server will use
EXPOSE 8080

# Start the HTTP server
CMD ["http-server", "-p", "8080"]