Add turbo, remove view-transitions

cb341 · cb341 · commit a86bb4f5b4b1 · 2025-12-16T09:27:19.000+01:00
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -17,6 +17,7 @@
     "@astrojs/mdx": "^3.1.2",
     "@astrojs/rss": "^4.0.11",
     "@astrojs/sitemap": "^3.4.1",
+    "@hotwired/turbo": "^8.0.20",
     "astro": "^4.11.5",
     "markdown-it": "^14.1.0",
     "prettier": "^3.3.2",
diff --git a/src/env.d.ts b/src/env.d.ts
@@ -1,2 +1,4 @@
 /// <reference path="../.astro/types.d.ts" />
 /// <reference types="astro/client" />
+
+declare module "@hotwired/turbo";
diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro
@@ -10,6 +10,7 @@ const {
 import { ViewTransitions } from "astro:transitions";
 import Footer from "../components/Footer.astro";
 import NavLink from "../components/NavLink.astro";
+import turboModule from "../scripts/turbo.ts?url";
 
 const defaultTitle = "Dani Bengl - Full-Stack Developer";
 const defaultDescription =
@@ -47,6 +48,7 @@ const structuredData = {
     keywords: tags.join(", "),
   }),
 };
+
 ---
 
 <html lang="en">
@@ -92,7 +94,6 @@ const structuredData = {
       set:html={JSON.stringify(structuredData)}
     />
 
-    <ViewTransitions />
     <style>
       * {
         box-sizing: border-box;
@@ -207,6 +208,8 @@ const structuredData = {
 
     <Footer />
 
+    <script type="module" src={turboModule}></script>
+
     <script>
       function makeTablesResponsive() {
         const tables = document.querySelectorAll("table");
diff --git a/src/scripts/turbo.ts b/src/scripts/turbo.ts
@@ -0,0 +1,4 @@
+import * as Turbo from "@hotwired/turbo";
+
+Turbo.setProgressBarDelay(100);
+Turbo.start();
