fix: serve uploads via route handler instead of public/ (standalone 404 fix)

app/api/images/route.ts

@@ -7,7 +7,7 @@ import path from "path";
 import { v4 as uuidv4 } from "uuid";
 import { eq } from "drizzle-orm";
 
-const UPLOAD_DIR = path.join(process.cwd(), "public", "uploads", "images");
+const UPLOAD_DIR = path.join(process.cwd(), "data", "uploads", "images");
 
 const ALLOWED_TYPES = ["image/png", "image/jpeg", "image/gif", "image/webp"];
 const MAX_SIZE = 5 * 1024 * 1024;

app/api/sounds/route.ts

@@ -10,7 +10,7 @@ import { convertToCompressedMp3 } from "@/lib/convert";
 
 export const maxDuration = 120;
 
-const UPLOAD_DIR = path.join(process.cwd(), "public", "uploads", "sounds");
+const UPLOAD_DIR = path.join(process.cwd(), "data", "uploads", "sounds");
 const ALLOWED_EXTENSIONS = /\.(mp3|ogg|wav|flac|aac|m4a|wma|opus|webm|mp4|avi|mov|mkv|webm|wmv|flv)$/i;
 const MAX_SIZE = 50 * 1024 * 1024; // 50 MB
 

app/api/upload/sound/route.ts

@@ -9,7 +9,7 @@ import { convertToCompressedMp3 } from "@/lib/convert";
 
 export const maxDuration = 60;
 
-const UPLOAD_DIR = path.join(process.cwd(), "public", "uploads", "sounds");
+const UPLOAD_DIR = path.join(process.cwd(), "data", "uploads", "sounds");
 const ALLOWED_EXTENSIONS = /\.(mp3|ogg|wav|flac|aac|m4a|wma|opus|webm|mp4|avi|mov|mkv|webm|wmv|flv)$/i;
 const MAX_SIZE = 50 * 1024 * 1024; // 50 MB
 

app/uploads/[...path]/route.ts

@@ -0,0 +1,49 @@
+import { NextRequest, NextResponse } from "next/server";
+import fs from "fs";
+import path from "path";
+
+const UPLOADS_DIR = path.join(process.cwd(), "data", "uploads");
+
+export async function GET(
+  _req: NextRequest,
+  { params }: { params: Promise<{ path: string[] }> }
+) {
+  const { path: segments } = await params;
+  const filePath = path.join(UPLOADS_DIR, ...segments);
+
+  if (!filePath.startsWith(UPLOADS_DIR)) {
+    return NextResponse.json({ error: "Forbidden" }, { status: 403 });
+  }
+
+  try {
+    const content = fs.readFileSync(filePath);
+    const ext = path.extname(filePath).toLowerCase();
+    const mime = MIME_MAP[ext] ?? "application/octet-stream";
+    return new NextResponse(content, {
+      headers: {
+        "Content-Type": mime,
+        "Cache-Control": "public, max-age=31536000, immutable",
+      },
+    });
+  } catch {
+    return NextResponse.json({ error: "Not found" }, { status: 404 });
+  }
+}
+
+const MIME_MAP: Record<string, string> = {
+  ".mp3": "audio/mpeg",
+  ".ogg": "audio/ogg",
+  ".wav": "audio/wav",
+  ".flac": "audio/flac",
+  ".m4a": "audio/mp4",
+  ".webm": "audio/webm",
+  ".mp4": "video/mp4",
+  ".avi": "video/x-msvideo",
+  ".mov": "video/quicktime",
+  ".mkv": "video/x-matroska",
+  ".png": "image/png",
+  ".jpg": "image/jpeg",
+  ".jpeg": "image/jpeg",
+  ".gif": "image/gif",
+  ".webp": "image/webp",
+};