diff --git a/.mise.toml b/.mise.toml
index 3d54e80..568619b 100644
--- a/.mise.toml
+++ b/.mise.toml
@@ -1,3 +1,3 @@
 [tools]
 node = "21"
-bun = "1.1.0"
+bun = "latest"
diff --git a/bun.lockb b/bun.lockb
index f179791..4ce229b 100755
Binary files a/bun.lockb and b/bun.lockb differ
diff --git a/client/package.json b/client/package.json
index 2719554..bf69b94 100644
--- a/client/package.json
+++ b/client/package.json
@@ -18,6 +18,7 @@
     "@astrojs/react": "^3.0.10",
     "@astrojs/sitemap": "^3.1.1",
     "@hookform/resolvers": "^3.3.4",
+    "@hotwired/turbo": "^8.0.4",
     "@iconify-json/mdi": "^1.1.64",
     "@iconify/react": "^4.1.1",
     "@marsidev/react-turnstile": "^0.5.3",
@@ -33,13 +34,13 @@
     "astro-seo": "^0.8.3",
     "cheerio": "1.0.0-rc.12",
     "highlight.js": "^11.9.0",
+    "hono": "^4.1.5",
     "image-size": "^1.1.1",
     "microcms-js-sdk": "^2.7.0",
     "microcms-typescript": "^1.0.14",
     "nanostores": "^0.10.0",
     "neverthrow": "^6.1.0",
     "react": "^18.2.0",
-    "hono": "^4.1.5",
     "react-dom": "^18.2.0",
     "react-hook-form": "^7.51.0",
     "react-svg": "^16.1.33",
diff --git a/client/src/layouts/BaseLayout.astro b/client/src/layouts/BaseLayout.astro
index 7b5ac67..c1fb30c 100644
--- a/client/src/layouts/BaseLayout.astro
+++ b/client/src/layouts/BaseLayout.astro
@@ -65,6 +65,8 @@ const { seo, style, header } = Astro.props;
   </p.body>
 
   <script>
+    import "../turbo-router.js";
+
     const elems =
       document.querySelectorAll<HTMLAnchorElement>("h2 > a, h3 > a");
     elems.forEach((elem) => {
diff --git a/client/src/turbo-router.js b/client/src/turbo-router.js
new file mode 100644
index 0000000..cb09025
--- /dev/null
+++ b/client/src/turbo-router.js
@@ -0,0 +1,3 @@
+import * as Turbo from "@hotwired/turbo";
+
+Turbo.start();