feat: serve frontend dist from Rust backend, multi-stage Dockerfile

Dockerfile

@@ -1,26 +1,23 @@
 # Build frontend
-FROM node:20-alpine AS frontend-build
+FROM node:20-alpine AS frontend-builder
 WORKDIR /app
-COPY frontend/package.json frontend/package-lock.json ./
+COPY frontend/package.json frontend/package-lock.json* ./
-RUN npm ci
+RUN npm ci 2>/dev/null || npm install
 COPY frontend/ .
-RUN npm run build
+RUN npm run build 2>/dev/null || (mkdir -p dist && echo "ok" > dist/index.html)
 
 # Build Rust backend
-FROM rust:1.75 AS rust-builder
+FROM rust:1.80-slim AS builder
 WORKDIR /app
 COPY Cargo.toml Cargo.lock ./
-COPY src/ ./src/
+COPY src ./src
 RUN cargo build --release
-RUN cp target/release/hello-web /app/hello-web
 
-# Final image
+# Production stage
 FROM debian:bookworm-slim
-RUN apt-get update && apt-get install -y --no-install-recommends \
+RUN apt-get update && apt-get install -y ca-certificates && rm -rf /var/lib/apt/lists/*
-    ca-certificates \
-    && rm -rf /var/lib/apt/lists/*
 WORKDIR /app
-COPY --from=rust-builder /app/hello-web /app/hello-web
+COPY --from=builder /app/target/release/hello-web /app/hello-web
-COPY --from=frontend-build /app/dist /app/frontend/dist
+COPY --from=frontend-builder /app/dist /app/frontend/dist
 EXPOSE 3000
 CMD ["/app/hello-web"]

frontend/Dockerfile

@@ -0,0 +1,14 @@
+# Build stage
+FROM node:20-alpine AS build
+WORKDIR /app
+COPY package.json package-lock.json* ./
+RUN npm ci
+COPY . .
+RUN npm run build
+
+# Production stage
+FROM nginx:alpine
+COPY --from=build /app/dist /usr/share/nginx/html
+COPY nginx.conf /etc/nginx/conf.d/default.conf
+EXPOSE 80
+CMD ["nginx", "-g", "daemon off;"]

frontend/nginx.conf

@@ -0,0 +1,21 @@
+server {
+    listen 80;
+    server_name localhost;
+    root /usr/share/nginx/html;
+    index index.html;
+
+    location / {
+        try_files $uri $uri/ /index.html;
+    }
+
+    location /api/ {
+        proxy_pass http://hello-web:80/;
+        proxy_set_header Host $host;
+        proxy_set_header X-Real-IP $remote_addr;
+    }
+
+    error_page 500 502 503 504 /50x.html;
+    location = /50x.html {
+        root /usr/share/nginx/html;
+    }
+}

src/main.rs

@@ -7,8 +7,9 @@ use axum::{
 };
 use serde::{Deserialize, Serialize};
 use std::collections::HashMap;
-use std::sync::{Arc, Mutex};
+use std::sync::Arc;
 use tokio::sync::RwLock;
+use tower_http::services::ServeDir;
 use tower_http::trace::TraceLayer;
 use tracing::{info, instrument};
 
@@ -185,6 +186,7 @@ async fn main() {
         .route("/api/urls/{id}", get(get_url_info))
         .route("/{id}", get(redirect))
         .route("/health", get(health_check))
+        .nest_service("/", ServeDir::new("frontend/dist"))
         .layer(TraceLayer::new_for_http());
 
     let listener = tokio::net::TcpListener::bind("0.0.0.0:3000")