diff --git a/package.json b/package.json
index 0b79595..7e1b940 100644
--- a/package.json
+++ b/package.json
@@ -23,6 +23,7 @@
     "vite-plugin-solid": "^2.11.8"
   },
   "dependencies": {
+    "@solidjs/router": "^0.15.4",
     "solid-js": "^1.9.5"
   }
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 051c5a9..893da4e 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -8,6 +8,9 @@ importers:
 
   .:
     dependencies:
+      '@solidjs/router':
+        specifier: ^0.15.4
+        version: 0.15.4(solid-js@1.9.9)
       solid-js:
         specifier: ^1.9.5
         version: 1.9.9
@@ -537,6 +540,11 @@ packages:
     peerDependencies:
       solid-js: ^1.6.12
 
+  '@solidjs/router@0.15.4':
+    resolution: {integrity: sha512-WOpgg9a9T638cR+5FGbFi/IV4l2FpmBs1GpIMSPa0Ce9vyJN7Wts+X2PqMf9IYn0zUj2MlSJtm1gp7/HI/n5TQ==}
+    peerDependencies:
+      solid-js: ^1.8.6
+
   '@types/babel__core@7.20.5':
     resolution: {integrity: sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==}
 
@@ -1528,6 +1536,10 @@ snapshots:
     dependencies:
       solid-js: 1.9.9
 
+  '@solidjs/router@0.15.4(solid-js@1.9.9)':
+    dependencies:
+      solid-js: 1.9.9
+
   '@types/babel__core@7.20.5':
     dependencies:
       '@babel/parser': 7.28.4
diff --git a/src/App.tsx b/src/App.tsx
index 5ab59e4..fb6a8d9 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,13 +1,10 @@
-import type { Component } from 'solid-js';
 import Comp from './Comp';
 
-const App: Component = () => {
+export default function App() {
   return (
     <>
       <h1>Hello world!!!!</h1>
       <Comp />
     </>
   );
-};
-
-export default App;
+}
diff --git a/src/index.tsx b/src/index.tsx
index 7858ee2..977ad25 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -1,5 +1,6 @@
 /* @refresh reload */
 import { render } from 'solid-js/web';
+import { Router, Route } from '@solidjs/router';
 import 'solid-devtools';
 
 import App from './App';
@@ -12,4 +13,11 @@ if (import.meta.env.DEV && !(root instanceof HTMLElement)) {
   );
 }
 
-render(() => <App />, root!);
+render(
+  () => (
+    <Router>
+      <Route path='/' component={App} />
+    </Router>
+  ),
+  root!,
+);