diff --git a/frontend/nginx.conf b/frontend/nginx.conf
index 14757bb..bcef841 100644
--- a/frontend/nginx.conf
+++ b/frontend/nginx.conf
@@ -12,6 +12,12 @@ server {
         add_header Cache-Control "public, immutable";
     }
 
+    location /api/ {
+        proxy_pass http://backend:8000/api/;
+        proxy_set_header Host $host;
+        proxy_set_header X-Real-IP $remote_addr;
+    }
+
     location / {
         try_files $uri $uri/ /index.html;
     }
diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index 3325284..2e26976 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -2,6 +2,8 @@ import { BrowserRouter, Routes, Route } from 'react-router-dom'
 import Layout from './components/layout/Layout'
 import HomePage from './pages/HomePage'
 import TodosPage from './pages/TodosPage'
+import ShoppingPage from './pages/ShoppingPage'
+import NotesPage from './pages/NotesPage'
 
 export default function App() {
   return (
@@ -10,6 +12,8 @@ export default function App() {
         <Route path="/" element={<Layout />}>
           <Route index element={<HomePage />} />
           <Route path="todos" element={<TodosPage />} />
+          <Route path="shopping" element={<ShoppingPage />} />
+          <Route path="notes" element={<NotesPage />} />
         </Route>
       </Routes>
     </BrowserRouter>
diff --git a/frontend/src/pages/NotesPage.tsx b/frontend/src/pages/NotesPage.tsx
new file mode 100644
index 0000000..0149e83
--- /dev/null
+++ b/frontend/src/pages/NotesPage.tsx
@@ -0,0 +1,8 @@
+export default function NotesPage() {
+  return (
+    <div style={{ padding: 24, color: 'var(--ink-1)', fontFamily: 'var(--font-ui)' }}>
+      <h1 style={{ fontSize: 24, fontWeight: 700, marginBottom: 8 }}>Notes</h1>
+      <p style={{ color: 'var(--ink-3)' }}>Module en cours de développement — Phase 2b</p>
+    </div>
+  )
+}
diff --git a/frontend/src/pages/ShoppingPage.tsx b/frontend/src/pages/ShoppingPage.tsx
new file mode 100644
index 0000000..d10cf3a
--- /dev/null
+++ b/frontend/src/pages/ShoppingPage.tsx
@@ -0,0 +1,8 @@
+export default function ShoppingPage() {
+  return (
+    <div style={{ padding: 24, color: 'var(--ink-1)', fontFamily: 'var(--font-ui)' }}>
+      <h1 style={{ fontSize: 24, fontWeight: 700, marginBottom: 8 }}>Courses</h1>
+      <p style={{ color: 'var(--ink-3)' }}>Module en cours de développement — Phase 3</p>
+    </div>
+  )
+}