diff --git a/frontend/src/routes/datasets/[id]/+page.server.ts b/frontend/src/routes/datasets/[id]/+page.server.ts
new file mode 100644
index 0000000..4196e37
--- /dev/null
+++ b/frontend/src/routes/datasets/[id]/+page.server.ts
@@ -0,0 +1,9 @@
+import type { PageServerLoad } from "./$types";
+import * as backend from "$lib/server/backend";
+
+export const load: PageServerLoad = async ({ params }) => {
+  const record = await backend.query_dataset(params.id);
+  return {
+    record,
+  };
+}
diff --git a/frontend/src/routes/datasets/[id]/+page.svelte b/frontend/src/routes/datasets/[id]/+page.svelte
new file mode 100644
index 0000000..1c14d03
--- /dev/null
+++ b/frontend/src/routes/datasets/[id]/+page.svelte
@@ -0,0 +1,14 @@
+<script lang="ts">
+  import type { PageProps } from "./$types";
+
+  let { data }: PageProps = $props();
+
+  // svelte-ignore state_referenced_locally
+    const recordData = JSON.parse(data.record.data);
+</script>
+
+<ul>
+{#each Object.entries(recordData) as [key, value]}
+  <li>{key}: {value}</li>
+{/each}
+</ul>