diff --git a/app/error.vue b/app/error.vue
new file mode 100644
index 0000000..ed3d151
--- /dev/null
+++ b/app/error.vue
@@ -0,0 +1,22 @@
+<script setup lang="ts">
+import type { NuxtError } from '#app'
+
+const props = defineProps<{ error: NuxtError }>()
+const { t } = useI18n()
+
+function handleError() {
+  clearError({ redirect: '/' })
+}
+</script>
+
+<template>
+  <div class="min-h-screen flex flex-col items-center justify-center gap-6 px-4">
+    <h1 class="text-8xl font-bold text-primary">{{ error.statusCode }}</h1>
+    <p class="text-xl text-gray-500 dark:text-gray-400 text-center max-w-md">
+      {{ error.statusCode === 404 ? t('error.notFound') : t('error.generic') }}
+    </p>
+    <UButton size="lg" @click="handleError">
+      {{ t('error.backHome') }}
+    </UButton>
+  </div>
+</template>
diff --git a/i18n/locales/en.json b/i18n/locales/en.json
index 02ec210..af1fb19 100644
--- a/i18n/locales/en.json
+++ b/i18n/locales/en.json
@@ -428,5 +428,10 @@
         ]
       }
     }
+  },
+  "error": {
+    "notFound": "Oops! This page could not be found.",
+    "generic": "An error occurred.",
+    "backHome": "Back to home"
   }
 }
diff --git a/i18n/locales/fr.json b/i18n/locales/fr.json
index 1401847..4c272af 100644
--- a/i18n/locales/fr.json
+++ b/i18n/locales/fr.json
@@ -428,5 +428,10 @@
         ]
       }
     }
+  },
+  "error": {
+    "notFound": "Oups ! Cette page est introuvable.",
+    "generic": "Une erreur est survenue.",
+    "backHome": "Retour a l'accueil"
   }
 }