diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index b8b0c05..2a819be 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -69,7 +69,11 @@ const App = () => {
           <div className="flex flex-col h-screen w-screen">
             <TopNav user={user} setUser={setUser} />
             <div className="flex flex-1">
-              <TagSidebar posts={posts} setPosts={setPosts} />
+              <Routes>
+                <Route path="/posts/new" />
+                <Route path="/posts" element={<TagSidebar posts={posts} setPosts={setPosts} />} />
+                <Route path="/posts/:id" element={<TagSidebar posts={posts} setPosts={setPosts} />} />
+              </Routes>
               <main className="flex-1 overflow-y-auto p-4">
                 <Routes>
                   <Route path="/" element={<Navigate to="/posts" replace />} />