#7 ぼちぼち

frontend/src/App.tsx

@@ -4,6 +4,8 @@ import HomePage from './pages/HomePage'
 import TagPage from './pages/TagPage'
 import TopNav from './components/TopNav'
 import TagSidebar from './components/TagSidebar'
+import PostPage from './pages/PostPage'
+import PostDetailPage from './pages/PostDetailPage'
 
 const App = () => {
   return (
@@ -14,7 +16,9 @@ const App = () => {
           <TagSidebar />
           <main className="flex-1 overflow-y-auto p-4">
             <Routes>
-              <Route path="/" element={<HomePage />} />
+              <Route path="/" element={<PostPage />} />
+              <Route path="/posts" element={<PostPage />} />
+              <Route path="/posts/:id" element={<PostDetailPage />} />
               <Route path="/tags/:tag" element={<TagPage />} />
             </Routes>
           </main>