diff --git a/apps/web/src/app/auth/error.tsx b/apps/web/src/app/auth/error.tsx
new file mode 100644
index 0000000..808fa79
--- /dev/null
+++ b/apps/web/src/app/auth/error.tsx
@@ -0,0 +1,14 @@
+"use client";
+export default function AuthError({ error, reset }: { error: Error; reset: () => void }) {
+  return (
+    <div className="flex min-h-screen items-center justify-center p-6">
+      <div className="text-center">
+        <h2 className="text-lg font-semibold">Something went wrong</h2>
+        <p className="mt-1 text-sm text-gray-500">{error.message}</p>
+        <button onClick={reset} className="mt-4 rounded bg-blue-600 px-4 py-2 text-white">
+          Try again
+        </button>
+      </div>
+    </div>
+  );
+}
diff --git a/apps/web/src/app/error.tsx b/apps/web/src/app/error.tsx
new file mode 100644
index 0000000..bec1a2b
--- /dev/null
+++ b/apps/web/src/app/error.tsx
@@ -0,0 +1,14 @@
+"use client";
+export default function RootError({ error, reset }: { error: Error; reset: () => void }) {
+  return (
+    <div className="flex min-h-screen items-center justify-center p-6">
+      <div className="text-center">
+        <h2 className="text-lg font-semibold">Something went wrong</h2>
+        <p className="mt-1 text-sm text-gray-500">{error.message}</p>
+        <button onClick={reset} className="mt-4 rounded bg-blue-600 px-4 py-2 text-white">
+          Try again
+        </button>
+      </div>
+    </div>
+  );
+}
diff --git a/apps/web/src/app/invite/error.tsx b/apps/web/src/app/invite/error.tsx
new file mode 100644
index 0000000..9b19d9e
--- /dev/null
+++ b/apps/web/src/app/invite/error.tsx
@@ -0,0 +1,14 @@
+"use client";
+export default function InviteError({ error, reset }: { error: Error; reset: () => void }) {
+  return (
+    <div className="flex min-h-screen items-center justify-center p-6">
+      <div className="text-center">
+        <h2 className="text-lg font-semibold">Something went wrong</h2>
+        <p className="mt-1 text-sm text-gray-500">{error.message}</p>
+        <button onClick={reset} className="mt-4 rounded bg-blue-600 px-4 py-2 text-white">
+          Try again
+        </button>
+      </div>
+    </div>
+  );
+}
diff --git a/apps/web/src/app/setup/error.tsx b/apps/web/src/app/setup/error.tsx
new file mode 100644
index 0000000..a4c8751
--- /dev/null
+++ b/apps/web/src/app/setup/error.tsx
@@ -0,0 +1,14 @@
+"use client";
+export default function SetupError({ error, reset }: { error: Error; reset: () => void }) {
+  return (
+    <div className="flex min-h-screen items-center justify-center p-6">
+      <div className="text-center">
+        <h2 className="text-lg font-semibold">Something went wrong</h2>
+        <p className="mt-1 text-sm text-gray-500">{error.message}</p>
+        <button onClick={reset} className="mt-4 rounded bg-blue-600 px-4 py-2 text-white">
+          Try again
+        </button>
+      </div>
+    </div>
+  );
+}