feat: make speedy

Author: tonyaellie

astro.config.mjs

@@ -1,12 +1,13 @@
 import { defineConfig } from 'astro/config';
 import tailwind from '@astrojs/tailwind';
 import image from '@astrojs/image';
-
 import react from "@astrojs/react";
 
+import prefetch from "@astrojs/prefetch";
+
 // https://astro.build/config
 export default defineConfig({
   integrations: [tailwind(), image({
     serviceEntryPoint: '@astrojs/image/sharp'
-  }), react()]
+  }), react(), prefetch()]
 });

package.json

@@ -11,6 +11,7 @@
   },
   "dependencies": {
     "@astrojs/image": "^0.16.8",
+    "@astrojs/prefetch": "0.2.1",
     "@astrojs/react": "^2.1.3",
     "@astrojs/tailwind": "^3.1.2",
     "@types/react": "^18.0.21",

pnpm-lock.yaml

@@ -20,7 +20,9 @@ const { title } = Astro.props;
         width={128}
         height={128}
       />
-      <a class="pl-2 font-mono text-3xl font-bold" href="/">Rustular</a>
+      <a rel="prefetch" class="pl-2 font-mono text-3xl font-bold" href="/"
+        >Rustular</a
+      >
     </header>
     <slot />
   </body>

src/components/Layout.astro

@@ -16,6 +16,7 @@ import Layout from '../components/Layout.astro';
     </div>
     <div class="mx-auto flex space-x-8">
       <a
+        rel="prefetch"
         class="rounded-full border-2 border-white bg-white px-8 py-4 text-fuchsia-600 hover:border-slate-200 hover:bg-slate-200"
         href="/docs"
       >