dubinc · steven-tey · May 1, 2024 · May 1, 2024 · May 4, 2024 · May 4, 2024
diff --git a/.gitignore b/.gitignore
@@ -25,6 +25,9 @@ dist/
 # vercel
 .vercel
 
+# Sentry Config File
+.sentryclirc
+
 # tinybird
 .venv
 .tinyb

diff --git a/apps/web/.env.example b/apps/web/.env.example
@@ -113,4 +113,14 @@ CRON_SECRET=
 
 # Pangea - Retrieve reputation for a domain.
 # Get your Pange API Key here: https://pangea.cloud/docs/admin-guide/tokens/
-PANGEA_API_KEY=
+PANGEA_API_KEY=
+
+# Sentry
+NEXT_PUBLIC_SENTRY_DSN=
+
+# Sentry CLI (Set these values if you want to upload source maps to Sentry)
+# https://docs.sentry.io/platforms/javascript/guides/nextjs/sourcemaps/
+SENTRY_URL=
+SENTRY_ORG=
+SENTRY_PROJECT=
+SENTRY_AUTH_TOKEN=
diff --git a/apps/web/app/global-error.jsx b/apps/web/app/global-error.jsx
@@ -0,0 +1,19 @@
+"use client";
+
+import * as Sentry from "@sentry/nextjs";
+import Error from "next/error";
+import { useEffect } from "react";
+
+export default function GlobalError({ error }) {
+ useEffect(() => {
+ Sentry.captureException(error);
+ }, [error]);
+
+ return (
+ <html>
+ <body>
+ <Error />
+ </body>
+ </html>
+ );
+}
diff --git a/apps/web/instrumentation.ts b/apps/web/instrumentation.ts
@@ -0,0 +1,9 @@
+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");
+ }
+}
diff --git a/apps/web/lib/api/errors.ts b/apps/web/lib/api/errors.ts
@@ -1,5 +1,6 @@
 import z from "@/lib/zod";
 import { capitalize } from "@dub/utils";
+import * as Sentry from "@sentry/nextjs";
 import { NextResponse } from "next/server";
 import { ZodError } from "zod";
 import { generateErrorMessage } from "zod-error";
@@ -155,6 +156,8 @@ export function handleApiError(error: any): ErrorResponse & { status: number } {
  };
  }
 
+ Sentry.captureException(error);
+
  // Fallback
  // Unhandled errors are not user-facing, so we don't expose the actual error
  return {

diff --git a/apps/web/next.config.js b/apps/web/next.config.js
@@ -1,3 +1,6 @@
+const { withSentryConfig } = require("@sentry/nextjs");
+const { withAxiom } = require("next-axiom");
+
 const REDIRECT_SEGMENTS = [
  "pricing",
  "blog",
@@ -7,17 +10,18 @@ const REDIRECT_SEGMENTS = [
  "_static",
 ];
 
-const { withAxiom } = require("next-axiom");
-
 /** @type {import('next').NextConfig} */
-module.exports = withAxiom({
+nextConfig = withAxiom({
  reactStrictMode: false,
  experimental: {
  serverComponentsExternalPackages: [
  "@react-email/components",
  "@react-email/render",
  "@react-email/tailwind",
  ],
+
+ // The instrumentation hook is required for Sentry to work on the serverside
+ instrumentationHook: true,
  },
  webpack: (config, { webpack, isServer }) => {
  if (isServer) {
@@ -209,3 +213,12 @@ module.exports = withAxiom({
  ];
  },
 });
+
+module.exports = withSentryConfig(nextConfig, {
+ silent: false, // Can be used to suppress logs
+ org: "dubinc",
+ project: "web",
+ hideSourceMaps: true,
+ debug: true,
+ disableLogger: true,
+});
diff --git a/apps/web/package.json b/apps/web/package.json
@@ -27,6 +27,7 @@
  "@radix-ui/react-hover-card": "^1.1.1",
  "@react-email/components": "^0.0.14",
  "@react-email/render": "^0.0.12",
+ "@sentry/nextjs": "8.19.0",
  "@sindresorhus/slugify": "^2.2.1",
  "@splinetool/react-spline": "^2.2.6",
  "@splinetool/runtime": "^1.2.8",

diff --git a/apps/web/sentry.client.config.ts b/apps/web/sentry.client.config.ts
@@ -0,0 +1,6 @@
+import * as Sentry from "@sentry/nextjs";
+
+Sentry.init({
+ dsn: process.env.NEXT_PUBLIC_SENTRY_DSN,
+ debug: false,
+});
diff --git a/apps/web/sentry.edge.config.ts b/apps/web/sentry.edge.config.ts
@@ -0,0 +1,6 @@
+import * as Sentry from "@sentry/nextjs";
+
+Sentry.init({
+ dsn: process.env.NEXT_PUBLIC_SENTRY_DSN,
+ debug: false,
+});
diff --git a/apps/web/sentry.server.config.ts b/apps/web/sentry.server.config.ts
@@ -0,0 +1,6 @@
+import * as Sentry from "@sentry/nextjs";
+
+Sentry.init({
+ dsn: process.env.NEXT_PUBLIC_SENTRY_DSN,
+ debug: false,
+});