feat(website): add Sentry error boundary and withSentryConfig build wrapper

Ajit Pratap Singh · claude · Ajit Pratap Singh · commit 8626fb4cffe9 · 2026-03-17T19:32:27.000+05:30
Co-Authored-By: Claude Sonnet 4.6 &lt;noreply@anthropic.com&gt;
diff --git a/website/next.config.ts b/website/next.config.ts
@@ -1,11 +1,13 @@
 import type { NextConfig } from 'next';
 import withBundleAnalyzer from '@next/bundle-analyzer';
+import { withSentryConfig } from '@sentry/nextjs';
 
 const withAnalyzer = withBundleAnalyzer({
   enabled: process.env.ANALYZE === 'true',
 });
 
 const nextConfig: NextConfig = {
+  trailingSlash: true,
   async headers() {
     return [
       {
@@ -65,4 +67,15 @@ const nextConfig: NextConfig = {
   },
 };
 
-export default withAnalyzer(nextConfig);
+export default withSentryConfig(
+  withAnalyzer(nextConfig),
+  {
+    org: process.env.SENTRY_ORG,
+    project: process.env.SENTRY_PROJECT,
+    authToken: process.env.SENTRY_AUTH_TOKEN,
+    widenClientFileUpload: true,
+    tunnelRoute: '/monitoring',
+    silent: !process.env.CI,
+    // Tree-shaking disabled — using Turbopack which doesn't support webpack tree-shaking
+  }
+);
diff --git a/website/src/app/global-error.tsx b/website/src/app/global-error.tsx
@@ -0,0 +1,23 @@
+"use client";
+
+import * as Sentry from "@sentry/nextjs";
+import NextError from "next/error";
+import { useEffect } from "react";
+
+export default function GlobalError({
+  error,
+}: {
+  error: Error & { digest?: string };
+}) {
+  useEffect(() => {
+    Sentry.captureException(error);
+  }, [error]);
+
+  return (
+    <html>
+      <body>
+        <NextError statusCode={0} />
+      </body>
+    </html>
+  );
+}
