connect_frontend/Dockerfile
Multi-stage build: node:20-alpine builds both menu-app and
manager-app in parallel stages, then nginx:alpine serves both
dist folders under /menu and /manage respectively.
VITE_CLOUD_URL passed as build arg so the API URL is baked
in at build time (standard Vite pattern).
connect_frontend/nginx-connect.conf
Single nginx server block:
/menu/ → /usr/share/nginx/html/menu (SPA fallback)
/manage/ → /usr/share/nginx/html/manage (SPA fallback)
/health → 200 ok
nginx-connect.conf
Kept at cloud-service root for reference / standalone use.
docker-compose.yml
connect_frontend service added:
- build context: ./connect_frontend
- VITE_CLOUD_URL passed from root .env
- port 3100:80
- depends_on cloud_backend
Individual Dockerfiles also added to menu-app/ and manager-app/
for standalone builds if needed.
To deploy:
docker compose build connect_frontend
docker compose up -d connect_frontend
Public menu: http://<host>:3100/menu/<site_slug>
Manager app: http://<host>:3100/manage/
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
26 lines
692 B
Docker
26 lines
692 B
Docker
# Build menu-app
|
|
FROM node:20-alpine AS menu-builder
|
|
WORKDIR /app/menu-app
|
|
COPY menu-app/package.json .
|
|
RUN npm install
|
|
COPY menu-app/ .
|
|
ARG VITE_CLOUD_URL=
|
|
ENV VITE_CLOUD_URL=$VITE_CLOUD_URL
|
|
RUN npm run build
|
|
|
|
# Build manager-app
|
|
FROM node:20-alpine AS manager-builder
|
|
WORKDIR /app/manager-app
|
|
COPY manager-app/package.json .
|
|
RUN npm install
|
|
COPY manager-app/ .
|
|
ARG VITE_CLOUD_URL=
|
|
ENV VITE_CLOUD_URL=$VITE_CLOUD_URL
|
|
RUN npm run build
|
|
|
|
# Serve both with nginx
|
|
FROM nginx:alpine
|
|
COPY --from=menu-builder /app/menu-app/dist /usr/share/nginx/html/menu
|
|
COPY --from=manager-builder /app/manager-app/dist /usr/share/nginx/html/manage
|
|
COPY nginx-connect.conf /etc/nginx/conf.d/default.conf
|