feat: 미들웨어에서 퀴즈 경로 처리 로직 간소화 및 메타 태그 수정

- '/meme/quiz' 경로에 대한 OG 태그 설정을 기본으로 변경하여 처리 간소화
- '/meme/:memeId' 경로에 대한 API 호출 시 ID 추출 방식 수정

Author: Cllaude99

apps/web/middleware.ts

@@ -1,63 +1,15 @@
 export const config = {
-  matcher: ['/meme/quiz', '/meme/:memeId'],
+  matcher: ['/meme/:memeId'],
 };
 
 export default async function middleware(request: Request) {
   const url = new URL(request.url);
-  const pathSegments = url.pathname.split('/');
-  const path = pathSegments[2];
-
-  // 기본 HTML을 가져옵니다
-  const res = await fetch(new URL('/', request.url));
-  const html = await res.text();
-
-  // /meme/quiz 경로인 경우 퀴즈 페이지용 OG 태그 설정
-  if (path === 'quiz') {
-    const modifiedHtml = html
-      .replace(
-        /<meta\s+property="og:title"\s+content="[^"]*"[^>]*>/,
-        `<meta property="og:title" content="Meme Wiki - 밈 퀴즈" />`,
-      )
-      .replace(
-        /<meta\s+property="og:description"\s+content="[^"]*"[^>]*>/,
-        `<meta property="og:description" content="재미있는 밈 퀴즈를 풀어보세요!" />`,
-      )
-      .replace(
-        /<meta\s+property="og:image"\s+content="[^"]*"[^>]*>/,
-        `<meta property="og:image" content="${url.origin}/thumbnail.png" />`,
-      )
-      .replace(
-        /<meta\s+property="og:url"\s+content="[^"]*"[^>]*>/,
-        `<meta property="og:url" content="${url.href}" />`,
-      )
-      .replace(
-        /<meta\s+property="twitter:title"\s+content="[^"]*"[^>]*>/,
-        `<meta property="twitter:title" content="Meme Wiki - 밈 퀴즈" />`,
-      )
-      .replace(
-        /<meta\s+property="twitter:description"\s+content="[^"]*"[^>]*>/,
-        `<meta property="twitter:description" content="재미있는 밈 퀴즈를 풀어보세요!" />`,
-      )
-      .replace(
-        /<meta\s+property="twitter:image"\s+content="[^"]*"[^>]*>/,
-        `<meta property="twitter:image" content="${url.origin}/thumbnail.png" />`,
-      );
-
-    return new Response(modifiedHtml, {
-      status: 200,
-      headers: {
-        'content-type': 'text/html;charset=UTF-8',
-        'cache-control': 'no-cache, no-store, must-revalidate',
-        pragma: 'no-cache',
-        expires: '0',
-      },
-    });
-  }
+  const memeId = url.pathname.split('/').pop();
 
   // /meme/{id} 경로에 대한 처리
   try {
     const response = await fetch(
-      `https://api.meme-wiki.net/api/memes/${path}`,
+      `https://api.meme-wiki.net/api/memes/${memeId}`,
       {
         headers: {
           Accept: 'application/json',
@@ -96,7 +48,7 @@ export default async function middleware(request: Request) {
       )
       .replace(
         /<meta\s+property="og:url"\s+content="[^"]*"[^>]*>/,
-        `<meta property="og:url" content="https://meme-wiki.net/meme/${path}" />`,
+        `<meta property="og:url" content="${url.origin}/meme/${memeId}" />`,
       )
       .replace(
         /<meta\s+property="twitter:title"\s+content="[^"]*"[^>]*>/,