diff --git a/src/ProxyFrame.tsx b/src/ProxyFrame.tsx
new file mode 100644
index 0000000..c3615a6
--- /dev/null
+++ b/src/ProxyFrame.tsx
@@ -0,0 +1,7 @@
+export function ProxyFrame(props: { id: string }) {
+  return (
+    <div>
+      <h1>{props.id}</h1>
+    </div>
+  );
+}
diff --git a/src/index.tsx b/src/index.tsx
index 9c6e45f..fea262d 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -5,6 +5,7 @@ import { Header } from "./components/Header.jsx";
 import { Home } from "./pages/Home";
 import { NotFound } from "./pages/_404.jsx";
 import { DiscordPage } from "./pages/discord.jsx";
+import { ProxyFrame } from "./ProxyFrame.js";
 
 import "./style.css";
 import "./themes/main.css";
@@ -16,6 +17,7 @@ export function App() {
       <Router>
         <Route path="/" component={Home} />
         <Route path="/discord" component={DiscordPage} />
+        <Route path="/proxyframe/:id" component={ProxyFrame} />
         <Route default component={NotFound} />
       </Router>
     </LocationProvider>