diff --git a/src/App.tsx b/src/App.tsx
new file mode 100644
index 0000000..7e1361b
--- /dev/null
+++ b/src/App.tsx
@@ -0,0 +1,14 @@
+import { Routes, Route } from "react-router-dom";
+import LoginPage from "./pages/LoginPage";
+import WorkspacePage from "./pages/WorkspacePage";
+import ChatPage from "./pages/ChatPage";
+
+export default function App() {
+  return (
+    <Routes>
+      <Route path="/" element={<LoginPage />} />
+      <Route path="/workspaces" element={<WorkspacePage />} />
+      <Route path="/workspaces/:workspaceId" element={<ChatPage />} />
+    </Routes>
+  );
+}
diff --git a/src/main.tsx b/src/main.tsx
index 5c87bfe..a9247ae 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -1,8 +1,12 @@
 import React from "react";
 import ReactDOM from "react-dom/client";
+import { BrowserRouter } from "react-router-dom";
+import App from "./App";
 
 ReactDOM.createRoot(document.getElementById("root")!).render(
   <React.StrictMode>
-    <div>Loading…</div>
+    <BrowserRouter>
+      <App />
+    </BrowserRouter>
   </React.StrictMode>
 );
diff --git a/src/pages/ChatPage.tsx b/src/pages/ChatPage.tsx
new file mode 100644
index 0000000..99d6928
--- /dev/null
+++ b/src/pages/ChatPage.tsx
@@ -0,0 +1,3 @@
+export default function ChatPage() {
+  return <div>Chat</div>;
+}
diff --git a/src/pages/LoginPage.tsx b/src/pages/LoginPage.tsx
new file mode 100644
index 0000000..ba5b453
--- /dev/null
+++ b/src/pages/LoginPage.tsx
@@ -0,0 +1,3 @@
+export default function LoginPage() {
+  return <div>Login</div>;
+}
diff --git a/src/pages/WorkspacePage.tsx b/src/pages/WorkspacePage.tsx
new file mode 100644
index 0000000..e10d2e6
--- /dev/null
+++ b/src/pages/WorkspacePage.tsx
@@ -0,0 +1,3 @@
+export default function WorkspacePage() {
+  return <div>Workspaces</div>;
+}