backend/.env.example

@@ -5,7 +5,7 @@ REDIS_URL="redis://localhost:6379/0"
 
 # Used for metadata, sitemaps, etc.
 NEXT_PUBLIC_BASE_URL=http://localhost:3000
-NEXT_PUBLIC_FRONTEND_URL=http://localhost:5173
+FRONTEND_URL=http://localhost:4321
 
 CLOUDFLARE_ZONE_ID=XXXXXXXXXXXXXXXX
 CLOUDFLARE_API_TOKEN=XXXXXXXXXXXXXXXX

backend/prisma/migrations/20260416234406_pr_28/migration.sql

@@ -1,2 +0,0 @@
--- CreateIndex
-CREATE INDEX "miis_in_queue_quarantined_createdAt_idx" ON "miis"("in_queue", "quarantined", "createdAt" DESC);

backend/prisma/migrations/20260419170916_use_like_count/migration.sql

@@ -1,5 +0,0 @@
--- AlterTable
-ALTER TABLE "miis" ADD COLUMN     "likeCount" INTEGER NOT NULL DEFAULT 0;
-
--- CreateIndex
-CREATE INDEX "miis_likeCount_idx" ON "miis"("likeCount" DESC);

backend/prisma/schema.prisma

@@ -90,23 +90,20 @@ model Mii {
 
   createdAt DateTime @default(now())
 
-  user      User @relation(fields: [userId], references: [id], onDelete: Cascade)
-  likeCount Int  @default(0)
+  user    User   @relation(fields: [userId], references: [id], onDelete: Cascade)
+  likedBy Like[]
 
   punishmentId Int?
   punishments  MiiPunishment[]
-  likedBy      Like[]
 
   @@index([tags], type: Gin)
   @@index([createdAt])
-  @@index([likeCount(sort: Desc)])
   @@index([quarantined, createdAt(sort: Desc)])
   @@index([platform, createdAt(sort: Desc)])
   @@index([userId, createdAt(sort: Desc)])
   @@index([gender])
   @@index([makeup])
   @@index([quarantined, id])
-  @@index([in_queue, quarantined, createdAt(sort: Desc)])
   @@map("miis")
 }
 

backend/src/app/api/mii/[id]/info/route.ts

@@ -34,7 +34,5 @@ export async function GET(request: NextRequest, { params }: { params: Promise<{
 		},
 	});
 
-	if (!mii) return NextResponse.json({ error: "Mii not found" }, { status: 404 });
-
 	return NextResponse.json(mii);
 }

backend/src/app/api/mii/[id]/like/route.ts

@@ -29,6 +29,7 @@ export async function POST(request: NextRequest, { params }: { params: Promise<{
 		});
 
 		if (existingLike) {
+			// Remove the like if it exists
 			await tx.like.delete({
 				where: {
 					userId_miiId: {
@@ -37,25 +38,22 @@ export async function POST(request: NextRequest, { params }: { params: Promise<{
 					},
 				},
 			});
-			await tx.mii.update({
-				where: { id: miiId },
-				data: { likeCount: { decrement: 1 } },
-			});
 		} else {
+			// Add a like if it doesn't exist
 			await tx.like.create({
 				data: {
 					userId: Number(session.user?.id),
 					miiId,
 				},
 			});
-			await tx.mii.update({
-				where: { id: miiId },
-				data: { likeCount: { increment: 1 } },
-			});
 		}
 
-		return { liked: !existingLike };
+		const likeCount = await tx.like.count({
+			where: { miiId },
+		});
+
+		return { liked: !existingLike, count: likeCount };
 	});
 
-	return rateLimit.sendResponse({ success: true, liked: result.liked });
+	return rateLimit.sendResponse({ success: true, liked: result.liked, count: result.count });
 }

backend/src/app/api/mii/list/route.ts

@@ -78,7 +78,6 @@ export async function GET(request: NextRequest) {
 		allowedCopying: true,
 		quarantined: true,
 		in_queue: true,
-		likeCount: true,
 		// Mii liked check
 		...(session?.user?.id && {
 			likedBy: {
@@ -86,6 +85,10 @@ export async function GET(request: NextRequest) {
 				select: { userId: true },
 			},
 		}),
+		// Like count
+		_count: {
+			select: { likedBy: true },
+		},
 		// Admin
 		...(parentPage === "admin" && {
 			description: true,
@@ -99,7 +102,7 @@ export async function GET(request: NextRequest) {
 	let orderBy: Prisma.MiiOrderByWithRelationInput[];
 
 	if (sort === "likes") {
-		orderBy = [{ likeCount: "desc" }, { name: "asc" }];
+		orderBy = [{ likedBy: { _count: "desc" } }, { name: "asc" }];
 	} else if (sort === "oldest") {
 		orderBy = [{ createdAt: "asc" }, { name: "asc" }];
 	} else {

backend/src/app/api/profile/[id]/info/route.ts

@@ -21,7 +21,5 @@ export async function GET(request: NextRequest, { params }: { params: Promise<{
 		},
 	});
 
-	if (!user) return NextResponse.json({ error: "User not found" }, { status: 404 });
-
 	return NextResponse.json(user);
 }

backend/src/lib/auth.ts

@@ -44,7 +44,6 @@ export const { handlers, signIn, signOut, auth } = NextAuth({
 		},
 
 		async redirect({ url, baseUrl }) {
-			if (url.startsWith(baseUrl)) return url;
 			return process.env.NEXT_PUBLIC_FRONTEND_URL ?? "http://localhost:4321";
 		},
 	},

frontend/src/components/like-button.tsx

@@ -30,6 +30,7 @@ export default function LikeButton({ likes, miiId, isLiked, disabled, abbreviate
 		}
 
 		const prevLiked = isLikedState;
+		const prevLikes = likesState;
 		setIsLikedState(!prevLiked);
 		setLikesState(prevLiked ? likesState - 1 : likesState + 1);
 
@@ -41,10 +42,12 @@ export default function LikeButton({ likes, miiId, isLiked, disabled, abbreviate
 
 		const response = await fetch(`${import.meta.env.VITE_API_URL}/api/mii/${miiId}/like`, { method: "POST", credentials: "include" });
 		if (response.ok) {
-			const { liked } = await response.json();
+			const { liked, count } = await response.json();
 			setIsLikedState(liked);
+			setLikesState(count);
 		} else {
 			setIsLikedState(prevLiked);
+			setLikesState(prevLikes);
 		}
 	};
 

frontend/src/components/mii/author-buttons.tsx

@@ -20,7 +20,7 @@ export default function AuthorButtons({ mii }: Props) {
 				<Icon icon="mdi:pencil" />
 				<span>Edit</span>
 			</Link>
-			<DeleteMiiButton miiId={mii.id} miiName={mii.name} likes={mii.likeCount ?? 0} inMiiPage />
+			<DeleteMiiButton miiId={mii.id} miiName={mii.name} likes={mii._count.likedBy ?? 0} inMiiPage />
 		</>
 	);
 }

frontend/src/components/mii/list/index.tsx

@@ -172,7 +172,7 @@ export default function MiiList({ parentPage, userId }: Props) {
 									{parentPage === "admin" && mii.description && <Description text={mii.description} />}
 
 									<div className="mt-auto grid grid-cols-2 items-center">
-										<LikeButton likes={mii.likeCount} miiId={mii.id} isLiked={likedIds.has(mii.id)} abbreviate />
+										<LikeButton likes={mii._count.likedBy} miiId={mii.id} isLiked={likedIds.has(mii.id)} abbreviate />
 
 										{!userId && (
 											<Link to={`/profile/${mii.user?.id}`} className="text-sm text-right overflow-hidden text-ellipsis whitespace-nowrap">
@@ -185,7 +185,7 @@ export default function MiiList({ parentPage, userId }: Props) {
 												<Link to={`/edit/${mii.id}`} title="Edit Mii" aria-label="Edit Mii" data-tooltip="Edit">
 													<Icon icon="mdi:pencil" />
 												</Link>
-												<DeleteMiiButton miiId={mii.id} miiName={mii.name} likes={mii.likeCount} />
+												<DeleteMiiButton miiId={mii.id} miiName={mii.name} likes={mii._count.likedBy} />
 											</div>
 										)}
 
@@ -202,7 +202,7 @@ export default function MiiList({ parentPage, userId }: Props) {
 														<Icon icon="material-symbols:check-rounded" />
 													</button>
 													<div className="text-zinc-400 hover:text-red-500 transition-colors p-1 bg-white rounded-md shadow-sm border border-zinc-200 hover:border-red-500 flex items-center justify-center">
-														<DeleteMiiButton miiId={mii.id} miiName={mii.name} likes={mii.likeCount} />
+														<DeleteMiiButton miiId={mii.id} miiName={mii.name} likes={mii._count.likedBy} />
 													</div>
 												</div>
 

frontend/src/components/mii/share-mii-button.tsx

@@ -28,7 +28,7 @@ export default function ShareMiiButton({ miiId }: Props) {
 	};
 
 	const handleCopyImage = async () => {
-		const response = await fetch(`${import.meta.env.VITE_BASE_URL}/mii/${miiId}/image?type=metadata`);
+		const response = await fetch(`${import.meta.env.VITE_API_URL}/mii/${miiId}/image?type=metadata`);
 		const blob = await response.blob();
 
 		await navigator.clipboard.write([new ClipboardItem({ [blob.type]: blob })]);

frontend/src/pages/mii.tsx

@@ -31,8 +31,6 @@ export default function MiiPage() {
 				return res.json();
 			})
 			.then((data) => {
-				if (!data) throw new Error("Mii not found");
-
 				setMii(data);
 				setLoading(false);
 
@@ -266,12 +264,12 @@ export default function MiiPage() {
 								{/* Submission name */}
 								<h1 className="text-4xl font-extrabold wrap-break-word whitespace-break-spaces text-amber-700 flex-1 min-w-0">{mii.name}</h1>
 								{/* Like button */}
-								<LikeButton likes={mii.likeCount ?? 0} miiId={mii.id} isLiked={isLiked} big />
+								<LikeButton likes={mii._count?.likedBy ?? 0} miiId={mii.id} isLiked={isLiked} big />
 							</div>
 							{/* Tags */}
 							<div id="tags" className="flex flex-wrap gap-1 mt-1 *:px-2 *:py-1 *:bg-orange-300 *:rounded-full *:text-xs">
 								{mii.tags.map((tag: string) => (
-									<Link to={`/?tags=${encodeURIComponent(tag)}`} key={tag}>
+									<Link to={`/tags=${tag}`} key={tag}>
 										{tag}
 									</Link>
 								))}

frontend/src/pages/profile/layout.tsx

@@ -28,8 +28,6 @@ export default function ProfileLayout() {
 				return res.json();
 			})
 			.then((data) => {
-				if (!data) throw new Error("Profile not found");
-
 				setUser(data);
 				setLoading(false);
 			})
@@ -44,11 +42,11 @@ export default function ProfileLayout() {
 		return <div className="p-6 text-center">Loading...</div>;
 	}
 
-	const sessionUserId = $session?.user?.id ? Number($session.user.id) : null;
+	const currentUser = user ?? $session?.user;
 	const page = location.pathname;
-	const isAdmin = sessionUserId === Number(import.meta.env.VITE_ADMIN_USER_ID);
-	const isContributor = import.meta.env.VITE_CONTRIBUTORS_USER_IDS?.split(",").includes(String(user?.id));
-	const isOwnProfile = sessionUserId === user?.id;
+	const isAdmin = currentUser?.id === Number(import.meta.env.VITE_ADMIN_USER_ID);
+	const isContributor = import.meta.env.VITE_CONTRIBUTORS_USER_IDS?.split(",").includes(user?.id);
+	const isOwnProfile = currentUser?.id === user?.id;
 
 	return (
 		<div>