diff --git a/frontend/src/routes/datasets/+page.svelte b/frontend/src/routes/datasets/+page.svelte
index 764460d..112953e 100644
--- a/frontend/src/routes/datasets/+page.svelte
+++ b/frontend/src/routes/datasets/+page.svelte
@@ -4,11 +4,23 @@
   let { data }: PageProps = $props();
 </script>
 
-<ul>
+<svelte:head>
+  <title>List of datasets</title>
+</svelte:head>
+
+{#if data.datasets.length}
   {#each data.datasets as dataset}
-    <li>
-      <strong>{dataset.name}</strong><br />
-      {dataset.description}
-    </li>
+    <nav>
+      <ul>
+        <li>
+          <a href="datasets/{dataset.id}"><strong>{dataset.name}</strong></a><br
+          />
+          {dataset.description}
+        </li>
+      </ul>
+    </nav>
   {/each}
-</ul>
+{:else}
+  <h1>No datasets yet!</h1>
+  <p>Try adding a dataset through the backend.</p>
+{/if}