diff --git a/apps/rank/error.vue b/apps/rank/error.vue
new file mode 100644
index 0000000..01f88a7
--- /dev/null
+++ b/apps/rank/error.vue
@@ -0,0 +1,15 @@
+<script setup lang="ts">
+import type { NuxtError } from "#app"
+
+const props = defineProps({
+    error: Object as () => NuxtError,
+})
+</script>
+
+<template>
+    <div class="flex flex-col items-center">
+        <h2 class="text-8xl font-black">{{ $props.error?.statusCode }}</h2>
+        <p>{{ $props.error?.statusMessage }}</p>
+        <NuxtLink href="/" class="underline">bring me home!</NuxtLink>
+    </div>
+</template>