diff --git a/frontend/src/pages/player.astro b/frontend/src/pages/player.astro
new file mode 100644
index 0000000..9d025ea
--- /dev/null
+++ b/frontend/src/pages/player.astro
@@ -0,0 +1,19 @@
+---
+import type { APIResponse, Player } from "../types";
+
+const res = await fetch("http://localhost:3000/player");
+const data: APIResponse<Player[]> = await res.json();
+console.log(data);
+---
+
+<div>
+	{
+		data.success &&
+			data.data.map((player) => (
+				<div>
+					<a href={`/player/${player.name}`}>{player.name}</a>
+				</div>
+			))
+	}
+	{!data.success && <div>{data.message}</div>}
+</div>
diff --git a/frontend/src/pages/player/[name].astro b/frontend/src/pages/player/[name].astro
new file mode 100644
index 0000000..14ce6cc
--- /dev/null
+++ b/frontend/src/pages/player/[name].astro
@@ -0,0 +1,7 @@
+---
+const { name } = Astro.params;
+---
+
+<div>
+	<h1>Hello {name}!</h1>
+</div>