diff --git a/apps/preview/index.html b/apps/preview/index.html
index 7913f006..dcc09174 100644
--- a/apps/preview/index.html
+++ b/apps/preview/index.html
@@ -6,7 +6,7 @@
     <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:type" content="website" />
diff --git a/apps/preview/src/App.tsx b/apps/preview/src/App.tsx
index 14d8e1d3..4a66e9dc 100644
--- 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
new file mode 100644
index 00000000..f726e191
--- /dev/null
+++ 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;
+};