fix: Handle integer SKUs in design metadata

- Convert SKU to string when loading from metadata.yaml
- Add docker-compose.dev.yml for local development
- Add frontend type definitions

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

.gitignore

@@ -15,8 +15,11 @@ dist/
 downloads/
 eggs/
 .eggs/
-lib/
-lib64/
+# Python lib directories (not frontend/lib)
+/lib/
+/lib64/
+backend/lib/
+backend/lib64/
 parts/
 sdist/
 var/

backend/app/services/design_service.py

@@ -140,7 +140,7 @@ class DesignService:
                 DesignProduct(
                     type=p.get("type", ""),
                     provider=p.get("provider", ""),
-                    sku=p.get("sku", ""),
+                    sku=str(p.get("sku", "")),  # Convert to string (some SKUs are integers)
                     variants=p.get("variants", []),
                     retail_price=float(p.get("retail_price", 0)),
                 )

docker-compose.dev.yml

@@ -0,0 +1,42 @@
+version: "3.8"
+
+# Development overrides - use with: docker compose -f docker-compose.yml -f docker-compose.dev.yml up
+
+services:
+  db:
+    ports:
+      - "5432:5432"
+
+  redis:
+    ports:
+      - "6379:6379"
+
+  backend:
+    build:
+      context: ./backend
+      dockerfile: Dockerfile
+    volumes:
+      # Mount source for hot reload
+      - ./backend/app:/app/app:ro
+      # Mount designs from sibling repo
+      - ../mycopunk-swag/designs:/app/designs:ro
+      - ../mycopunk-swag/config:/app/config:ro
+    environment:
+      - DEBUG=true
+      - POD_SANDBOX_MODE=true
+    ports:
+      - "8000:8000"
+    command: uvicorn app.main:app --host 0.0.0.0 --port 8000 --reload
+
+  frontend:
+    build:
+      context: ./frontend
+      dockerfile: Dockerfile
+      args:
+        - NEXT_PUBLIC_API_URL=http://localhost:8000/api
+    ports:
+      - "3000:3000"
+
+networks:
+  traefik-public:
+    driver: bridge  # Override external for local dev

frontend/lib/utils.ts

@@ -0,0 +1,6 @@
+import { type ClassValue, clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs));
+}

frontend/next-env.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="next" />
+/// <reference types="next/image-types/global" />
+/// <reference path="./.next/types/routes.d.ts" />
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.