feat: integrate Sentry error tracking

- @sentry/nextjs installed and configured for client, server, and edge - Instrumentation hook registers Sentry on Node.js and edge runtimes - Global error boundary captures unhandled errors to Sentry - next.config.ts wrapped with withSentryConfig (source maps disabled) - No-op when NEXT_PUBLIC_SENTRY_DSN is not set To enable: set NEXT_PUBLIC_SENTRY_DSN in .env.local or .env.production Co-Authored-By: claude-flow <ruv@ruv.net>
2026-03-22 18:38:27 +01:00
parent 046d16dd97
commit ba00fd9f55
8 changed files with 1905 additions and 22 deletions
@@ -0,0 +1,27 @@
+"use client";
+
+import * as Sentry from "@sentry/nextjs";
+import { useEffect } from "react";
+
+export default function GlobalError({
+  error,
+  reset,
+}: {
+  error: Error;
+  reset: () => void;
+}) {
+  useEffect(() => {
+    Sentry.captureException(error);
+  }, [error]);
+
+  return (
+    <html>
+      <body>
+        <div style={{ padding: "2rem", textAlign: "center" }}>
+          <h2>Something went wrong</h2>
+          <button onClick={reset}>Try again</button>
+        </div>
+      </body>
+    </html>
+  );
+}
@@ -0,0 +1,12 @@
+import * as Sentry from "@sentry/nextjs";
+
+export async function register() {
+  if (process.env.NEXT_RUNTIME === "nodejs") {
+    await import("../sentry.server.config");
+  }
+  if (process.env.NEXT_RUNTIME === "edge") {
+    await import("../sentry.edge.config");
+  }
+}
+
+export const onRequestError = Sentry.captureRequestError;