Merge pull request #192 from Nexters/develop

feat: 404 대응 및 기본 og:url 추가
Nexters · Sep 24, 2024 · ffe4fd4 · ffe4fd4
2 parents 349ce94 + 0f36f39
commit ffe4fd4
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 2 deletions.
diff --git a/apps/preview/index.html b/apps/preview/index.html
@@ -6,9 +6,10 @@
     <link rel="shortcut icon" href="https://preview.boolti.in/favicon.png" />
 
     <title>핫한 공연 예매의 시작, 불티</title>
-    <link rel="canonical" href="https://preview.boolti.in" />
+    <link rel="canonical" href="https://boolti.in" />
     <meta name="description" content="지금 불티에서 핫한 공연 정보를 확인해 보세요." />
 
+    <meta property="og:url" content="https://boolti.in" />
     <meta property="og:type" content="website" />
     <meta property="og:title" content="핫한 공연 예매의 시작, 불티" />
     <meta property="og:site_name" content="손쉬운 예매 빠른 입장은 불티" />
@@ -18,7 +19,7 @@
     <meta property="og:image:height" content="600" />
 
     <meta property="twitter:card" content="summary_large_image" />
-    <meta property="twitter:domain" content="preview.boolti.in" />
+    <meta property="twitter:domain" content="boolti.in" />
     <meta property="twitter:title" content="핫한 공연 예매의 시작, 불티" />
     <meta property="twitter:description" content="지금 불티에서 핫한 공연 정보를 확인해 보세요." />
     <meta property="twitter:image" content="/thumbnail.png" />

diff --git a/apps/preview/src/App.tsx b/apps/preview/src/App.tsx
@@ -8,6 +8,7 @@ import { HelmetProvider } from 'react-helmet-async';
 
 import ShowPreviewPage from './pages/ShowPreviewPage';
 import { fetcher } from '@boolti/api/src/fetcher';
+import NotFound from './components/NotFound';
 
 const router = createBrowserRouter([
   {
@@ -20,6 +21,7 @@ const router = createBrowserRouter([
         return response;
       }
     },
+    errorElement: <NotFound />,
   },
 ]);
 

diff --git a/apps/preview/src/components/NotFound/index.tsx b/apps/preview/src/components/NotFound/index.tsx
@@ -0,0 +1,8 @@
+import { useEffect } from 'react';
+
+export default () => {
+  useEffect(() => {
+    window.location.href = 'https://boolti.in';
+  }, []);
+  return null;
+};