diff --git a/src/App.tsx b/src/App.tsx
index d9ceb0b..42fa8f9 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,8 +1,9 @@
 import "@styles/App.scss";
 
-import { Route, Routes, useSearchParams } from "react-router-dom";
+import { Navigate, Route, Routes, useSearchParams } from "react-router-dom";
 import useTSRemoteApp, { IClient } from "react-ts5-remote-app-api";
 import Viewer from "./Viewer";
+import Generator from "./Generator";
 
 export default function App() {
   const [searchParams] = useSearchParams();
@@ -37,6 +38,8 @@ export default function App() {
           />
         }
       />
+      <Route path="/generate" element={<Generator />} />
+      <Route path="*" element={<Navigate to="/generate" replace />} />
     </Routes>
   );
 }
diff --git a/src/Generator.tsx b/src/Generator.tsx
new file mode 100644
index 0000000..dcf0b3c
--- /dev/null
+++ b/src/Generator.tsx
@@ -0,0 +1,5 @@
+import React from "react";
+
+export default function Generator() {
+  return <div>Generator</div>;
+}