diff --git a/src/App.tsx b/src/App.tsx
index bf4477c..a70272c 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,6 +1,26 @@
 import './App.css'
 import Navbar from "./components/Navbar.tsx";
-import {BrowserRouter} from "react-router-dom";
+import {BrowserRouter, Route, Routes} from "react-router-dom";
+
+function Home() {
+    return null;
+}
+
+function Feed() {
+    return null;
+}
+
+function Record() {
+    return null;
+}
+
+function Archive() {
+    return null;
+}
+
+function Profile() {
+    return null;
+}
 
 function App() {
 
@@ -9,6 +29,13 @@ function App() {
             <div>
                 <Navbar/>
             </div>
+            <Routes>
+                <Route path="/" element={<Home />} />
+                <Route path="/feed" element={<Feed />} />
+                <Route path="/record" element={<Record />} />
+                <Route path="/archive" element={<Archive />} />
+                <Route path="/profile" element={<Profile />} />
+            </Routes>
         </BrowserRouter>
     )
 }