#14 ぼちぼち

frontend/src/App.tsx

@@ -1,10 +1,11 @@
 import React, { useEffect, useState } from 'react'
-import { BrowserRouter as Router, Route, Routes } from 'react-router-dom'
+import { BrowserRouter as Router, Route, Routes, Navigate } from 'react-router-dom'
 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 PostNewPage from './pages/PostNewPage'
 import PostDetailPage from './pages/PostDetailPage'
 import { API_BASE_URL } from './config'
 import axios from 'axios'
@@ -70,9 +71,11 @@ const App = () => {
               <TagSidebar posts={posts} setPosts={setPosts} />
               <main className="flex-1 overflow-y-auto p-4">
                 <Routes>
+                  <Route path="/" element={<Navigate to="/posts" replace />} />
+                  <Route path="/posts" element={<PostPage posts={posts} setPosts={setPosts} />} />
+                  <Route path="/posts/new" element={<PostNewPage />} />
                   <Route path="/posts/:id" element={<PostDetailPage posts={posts} setPosts={setPosts} />} />
                   <Route path="/tags/:tag" element={<TagPage />} />
-                  <Route path="*" element={<PostPage posts={posts} setPosts={setPosts} />} />
                 </Routes>
               </main>
             </div>