diff --git a/src/App.tsx b/src/App.tsx
index aa44ed7..7ff7e1b 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -5,6 +5,7 @@ import Home from "@/pages/home"
 import "./App.css"
 import Tag from "./templates/Tag"
 import Entry from "./templates/Entry"
+import Settings from "./pages/Settings"
 
 const queryClient = new QueryClient({
    defaultOptions: {
@@ -22,6 +23,7 @@ export default function App() {
          <QueryClientProvider client={queryClient}>
             <Routes>
                <Route index element={<Home />} />
+               <Route path="/settings" element={<Settings />} />
                <Route path="/entries/:entry" element={<Entry />} />
                <Route path="/tags/:tag" element={<Tag />} />
             </Routes>