Scaffold frontend with Docker Compose support

docker-compose.yml

@@ -26,5 +26,18 @@ services:
     env_file:
       - .env
 
+  frontend:
+    build: ./frontend
+    volumes:
+      - ./frontend:/app
+      - /app/node_modules
+      - /app/.next
+    ports:
+      - "3000:3000"
+    environment:
+      API_URL: http://web:8000
+    depends_on:
+      - web
+
 volumes:
   postgres_data:

frontend/.env.local

@@ -0,0 +1,2 @@
+# API_URL is set via docker-compose environment for Docker
+# and defaults to http://localhost:8000 in next.config.ts for local dev

frontend/Dockerfile

@@ -0,0 +1,12 @@
+FROM node:22-alpine
+
+WORKDIR /app
+
+COPY package.json package-lock.json* ./
+RUN npm ci
+
+COPY . .
+
+EXPOSE 3000
+
+CMD ["npm", "run", "dev"]

frontend/postcss.config.mjs

@@ -0,0 +1,7 @@
+const config = {
+  plugins: {
+    "@tailwindcss/postcss": {},
+  },
+};
+
+export default config;