From c25f95949bf0e8b1aa253d7deec8b7b6e6c088cd Mon Sep 17 00:00:00 2001
From: june <self@breadone.net>
Date: Tue, 12 Aug 2025 23:46:11 +1200
Subject: [PATCH] basic hyperlinks

---
 src/pages/index.astro         | 4 +++-
 src/pages/recipe/[slug].astro | 9 +++++++++
 2 files changed, 12 insertions(+), 1 deletion(-)
 create mode 100644 src/pages/recipe/[slug].astro

diff --git a/src/pages/index.astro b/src/pages/index.astro
index 906caf3..dfe985d 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -13,7 +13,9 @@ const recipies = await client.collection("recipes").getFullList()
 		<div class="grid gap-2 grid-cols-1 md:grid-cols-2 lg:grid-cols-4">
 			{
 				recipies.map(r => (
-					<OverviewCard recipe={r} />
+					<a href={`/recipe/${r.id}`}>
+						<OverviewCard recipe={r} />
+					</a>
 				))
 			}
 		</div>
diff --git a/src/pages/recipe/[slug].astro b/src/pages/recipe/[slug].astro
new file mode 100644
index 0000000..c37584b
--- /dev/null
+++ b/src/pages/recipe/[slug].astro
@@ -0,0 +1,9 @@
+---
+import client from "@/data/pocketbase";
+const { slug } = Astro.params;
+
+const re = await client.collection("recipes").getOne(slug ?? "0");
+
+---
+
+{re.name}
\ No newline at end of file