diff --git a/src/components/auctions/Index.vue b/src/components/auctions/Index.vue
index 6291293..78391f1 100644
--- a/src/components/auctions/Index.vue
+++ b/src/components/auctions/Index.vue
@@ -23,6 +23,9 @@ watch(user, async (userVal) => {
 
 <template>
   <ul>
-    <li v-for="auction in auctions" :key="auction.id">{{ auction.summary }} — {{ auction.current_bet || auction.min_bet }}</li>
+    <li v-for="auction in auctions" :key="auction.id">
+      <h3>{{ auction.summary }}</h3>
+      <a :href="`/auctions/auction?id=${auction.id}`">See more</a>
+    </li>
   </ul>
 </template>
diff --git a/src/components/auctions/Show.vue b/src/components/auctions/Show.vue
new file mode 100644
index 0000000..4d4d586
--- /dev/null
+++ b/src/components/auctions/Show.vue
@@ -0,0 +1,17 @@
+<script setup>
+  import {useStore} from "@nanostores/vue";
+  import {$user} from "../stores/user.js";
+
+  const id = new URL(location).searchParams.get("id")
+</script>
+
+<template>
+  <template v-if="id">
+    <span>{{ id }}</span>
+  </template>
+  <div v-else>ERROR</div>
+</template>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/pages/auctions/auction.astro b/src/pages/auctions/auction.astro
new file mode 100644
index 0000000..0da1cdc
--- /dev/null
+++ b/src/pages/auctions/auction.astro
@@ -0,0 +1,8 @@
+---
+import Layout from "../../layouts/Layout.astro";
+import AuctionShow from "../../components/auctions/Show.vue"
+---
+
+<Layout title="See auction">
+    <AuctionShow client:only />
+</Layout>
\ No newline at end of file