feat: replace Sentry with DataDog tracer in web app (#1737)

* feat: replace Sentry with DataDog tracer in web app

- Remove Sentry dependencies and configuration files
- Install and configure dd-trace for server-side tracing
- Install @datadog/browser-rum for client-side RUM monitoring
- Update all error capture calls to use DataDog equivalents
- Replace Sentry environment variables with DataDog ones
- Update Dockerfile and CI/CD workflow for DataDog integration
- Add DatadogProvider to app layout for proper initialization

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

* fix lint and tc

* fix edge incompats

---------

Co-authored-by: Claude <noreply@anthropic.com>

Author: geclos

.github/workflows/build-and-push.yml

@@ -61,7 +61,7 @@ jobs:
     strategy:
       matrix:
         include:
-          # Public images on GitHub Container Registry (without Sentry)
+          # Public images on GitHub Container Registry (without DataDog secrets)
           # Multi-platform builds (AMD64)
           - app: web
             dockerfile: apps/web/docker/Dockerfile
@@ -151,7 +151,7 @@ jobs:
     strategy:
       matrix:
         include:
-          # Private images on AWS ECR (with Sentry)
+          # Private images on AWS ECR (with DataDog)
           - app: web
             dockerfile: apps/web/docker/Dockerfile
             repo_name: latitude-llm-app-repo-43d71dc
@@ -225,7 +225,6 @@ jobs:
           cache-from: type=registry,ref=${{ format('{0}/{1}', env.ECR_REGISTRY, matrix.repo_name) }}:latest
           cache-to: type=inline
           secrets: |
-            SENTRY_AUTH_TOKEN=${{ secrets.SENTRY_AUTH_TOKEN }}
             NEXT_SERVER_ACTIONS_ENCRYPTION_KEY=${{ secrets.NEXT_SERVER_ACTIONS_ENCRYPTION_KEY }}
             AWS_ACCESS_KEY_ID=${{ secrets.AWS_ACCESS_KEY_ID }}
             AWS_SECRET_ACCESS_KEY=${{ secrets.AWS_SECRET_ACCESS_KEY }}
@@ -236,10 +235,10 @@ jobs:
             NEXT_PUBLIC_LATITUDE_CLOUD_PAYMENT_URL=${{ vars.NEXT_PUBLIC_LATITUDE_CLOUD_PAYMENT_URL }}
             NEXT_PUBLIC_POSTHOG_HOST=${{ secrets.NEXT_PUBLIC_POSTHOG_HOST }}
             NEXT_PUBLIC_POSTHOG_KEY=${{ secrets.NEXT_PUBLIC_POSTHOG_KEY }}
-            NEXT_PUBLIC_SENTRY_WEB_DSN=${{ vars.SENTRY_WEB_DSN }}
+            NEXT_PUBLIC_DATADOG_APPLICATION_ID=${{ secrets.NEXT_PUBLIC_DATADOG_APPLICATION_ID }}
+            NEXT_PUBLIC_DATADOG_CLIENT_TOKEN=${{ secrets.NEXT_PUBLIC_DATADOG_CLIENT_TOKEN }}
+            NEXT_PUBLIC_DATADOG_SITE=${{ secrets.NEXT_PUBLIC_DATADOG_SITE }}
             S3_BUCKET=${{ vars.STATIC_ASSETS_S3_BUCKET }}
-            SENTRY_ORG=${{ secrets.SENTRY_ORG }}
-            SENTRY_PROJECT=${{ secrets.SENTRY_PROJECT }}
             STATIC_ASSETS_HOST=${{ vars.STATIC_ASSETS_HOST }}
 
   run-migrations:

apps/web/.gitignore

@@ -1,3 +1 @@
 public/workers/**/*
-# Sentry Config File
-.env.sentry-build-plugin

apps/web/docker/Dockerfile

@@ -1,9 +1,9 @@
 ARG PROJECT="@latitude-data/web"
 ARG PROJECT_PATH="apps/web"
-ARG NEXT_PUBLIC_SENTRY_WEB_DSN
 ARG NEXT_PUBLIC_DOCS_URL
-ARG SENTRY_ORG
-ARG SENTRY_PROJECT
+ARG NEXT_PUBLIC_DATADOG_APPLICATION_ID
+ARG NEXT_PUBLIC_DATADOG_CLIENT_TOKEN
+ARG NEXT_PUBLIC_DATADOG_SITE
 ARG AWS_REGION
 ARG S3_BUCKET
 ARG BUILD_ID
@@ -65,21 +65,21 @@ RUN turbo prune "${PROJECT}" --docker
 FROM base AS builder
 
 ARG PROJECT
-ARG NEXT_PUBLIC_SENTRY_WEB_DSN
-ARG SENTRY_ORG
-ARG SENTRY_PROJECT
+ARG NEXT_PUBLIC_DATADOG_APPLICATION_ID
+ARG NEXT_PUBLIC_DATADOG_CLIENT_TOKEN
+ARG NEXT_PUBLIC_DATADOG_SITE
 ARG NEXT_PUBLIC_POSTHOG_KEY
 ARG NEXT_PUBLIC_POSTHOG_HOST
 ARG NEXT_PUBLIC_LATITUDE_CLOUD_PAYMENT_URL
 
 ARG NEXT_PUBLIC_DOCS_URL
 
-ENV SENTRY_ORG=$SENTRY_ORG
-ENV SENTRY_PROJECT=$SENTRY_PROJECT
+ENV NEXT_PUBLIC_DATADOG_APPLICATION_ID=$NEXT_PUBLIC_DATADOG_APPLICATION_ID
+ENV NEXT_PUBLIC_DATADOG_CLIENT_TOKEN=$NEXT_PUBLIC_DATADOG_CLIENT_TOKEN
+ENV NEXT_PUBLIC_DATADOG_SITE=$NEXT_PUBLIC_DATADOG_SITE
 ENV NEXT_PUBLIC_POSTHOG_KEY=$NEXT_PUBLIC_POSTHOG_KEY
 ENV NEXT_PUBLIC_POSTHOG_HOST=$NEXT_PUBLIC_POSTHOG_HOST
 ENV NEXT_PUBLIC_LATITUDE_CLOUD_PAYMENT_URL=$NEXT_PUBLIC_LATITUDE_CLOUD_PAYMENT_URL
-ENV NEXT_PUBLIC_SENTRY_WEB_DSN=$NEXT_PUBLIC_SENTRY_WEB_DSN
 
 ENV NEXT_PUBLIC_DOCS_URL=$NEXT_PUBLIC_DOCS_URL
 
@@ -107,18 +107,17 @@ RUN --mount=type=cache,id=pnpm,target=/pnpm/store pnpm install \
   --filter "${PROJECT}..."
 
 RUN --mount=type=cache,id=pnpm,target=/pnpm/store \
-  --mount=type=secret,id=SENTRY_AUTH_TOKEN \
   --mount=type=secret,id=NEXT_SERVER_ACTIONS_ENCRYPTION_KEY \
   set -a && \
   BUILDING_CONTAINER=true && \
   NEXT_TELEMETRY_DISABLED=1 && \
-  SENTRY_ORG=$SENTRY_ORG && \
-  SENTRY_PROJECT=$SENTRY_PROJECT && \
-  SENTRY_AUTH_TOKEN="$(cat /run/secrets/SENTRY_AUTH_TOKEN 2>/dev/null || echo '')" && \
+  NEXT_PUBLIC_NODE_ENV=production && \
+  NEXT_PUBLIC_DATADOG_APPLICATION_ID=$NEXT_PUBLIC_DATADOG_APPLICATION_ID && \
+  NEXT_PUBLIC_DATADOG_CLIENT_TOKEN=$NEXT_PUBLIC_DATADOG_CLIENT_TOKEN && \
+  NEXT_PUBLIC_DATADOG_SITE=$NEXT_PUBLIC_DATADOG_SITE && \
   NEXT_PUBLIC_POSTHOG_KEY=$NEXT_PUBLIC_POSTHOG_KEY && \
   NEXT_PUBLIC_POSTHOG_HOST=$NEXT_PUBLIC_POSTHOG_HOST && \
   NEXT_PUBLIC_LATITUDE_CLOUD_PAYMENT_URL=$NEXT_PUBLIC_LATITUDE_CLOUD_PAYMENT_URL && \
-  NEXT_PUBLIC_SENTRY_WEB_DSN=$NEXT_PUBLIC_SENTRY_WEB_DSN && \
   NEXT_SERVER_ACTIONS_ENCRYPTION_KEY="$(cat /run/secrets/NEXT_SERVER_ACTIONS_ENCRYPTION_KEY 2>/dev/null || echo '')" && \
   NEXT_PUBLIC_DOCS_URL=$NEXT_PUBLIC_DOCS_URL && \
   AWS_REGION=$AWS_REGION && \

apps/web/next.config.mjs

@@ -1,5 +1,3 @@
-import { withSentryConfig } from '@sentry/nextjs'
-
 const INTERNAL_PACKAGES = [
   '@latitude-data/web-ui',
   '@latitude-data/env',
@@ -29,8 +27,6 @@ const nextConfig = {
     ignoreBuildErrors: true,
   },
   experimental: {
-    // TODO: Review this decision. It would be more performant to use
-    // direct uploads.
     serverActions: {
       bodySizeLimit: '25mb',
     },
@@ -42,49 +38,4 @@ const nextConfig = {
   assetPrefix: process.env.NEXT_PUBLIC_STATIC_ASSETS_URL,
 }
 
-let config
-if (process.env.SENTRY_ORG && process.env.SENTRY_PROJECT) {
-  config = withSentryConfig(nextConfig, {
-    // For all available options, see:
-    // https://github.com/getsentry/sentry-webpack-plugin#options
-
-    org: process.env.SENTRY_ORG,
-    project: process.env.SENTRY_PROJECT,
-
-    // Only print logs for uploading source maps in CI
-    silent: !process.env.CI,
-
-    // For all available options, see:
-    // https://docs.sentry.io/platforms/javascript/guides/nextjs/manual-setup/
-
-    // Upload a larger set of source maps for prettier stack traces (increases build time)
-    widenClientFileUpload: true,
-
-    // Automatically annotate React components to show their full name in breadcrumbs and session replay
-    reactComponentAnnotation: {
-      enabled: true,
-    },
-
-    // Route browser requests to Sentry through a Next.js rewrite to circumvent ad-blockers.
-    // This can increase your server load as well as your hosting bill.
-    // Note: Check that the configured route will not match with your Next.js middleware, otherwise reporting of client-
-    // side errors will fail.
-    tunnelRoute: '/monitoring',
-
-    // Hides source maps from generated client bundles
-    hideSourceMaps: false,
-
-    // Automatically tree-shake Sentry logger statements to reduce bundle size
-    disableLogger: true,
-
-    // Enables automatic instrumentation of Vercel Cron Monitors. (Does not yet work with App Router route handlers.)
-    // See the following for more information:
-    // https://docs.sentry.io/product/crons/
-    // https://vercel.com/docs/cron-jobs
-    automaticVercelMonitors: false,
-  })
-} else {
-  config = nextConfig
-}
-
-export default config
+export default nextConfig

apps/web/package.json

@@ -18,6 +18,7 @@
   },
   "dependencies": {
     "@aws-sdk/client-s3": "3.850.0",
+    "@datadog/browser-rum": "^6.21.1",
     "@intercom/messenger-js-sdk": "0.0.14",
     "@latitude-data/constants": "workspace:*",
     "@latitude-data/core": "workspace:*",
@@ -36,7 +37,6 @@
     "@napi-rs/canvas": "0.1.68",
     "@pilcrowjs/object-parser": "0.0.4",
     "@pipedream/sdk": "^2.0.0",
-    "@sentry/nextjs": "9.10.1",
     "@sindresorhus/slugify": "2.2.1",
     "@t3-oss/env-nextjs": "0.10.1",
     "@types/diff-match-patch": "1.0.36",
@@ -46,6 +46,7 @@
     "argon2": "0.41.0",
     "bullmq": "5.44.4",
     "date-fns": "3.6.0",
+    "dd-trace": "^5.67.0",
     "diff-match-patch": "1.0.5",
     "drizzle-orm": "catalog:",
     "eventsource-parser": "2.0.1",

apps/web/sentry.edge.config.ts

@@ -14,7 +14,7 @@ import {
   EvaluationsV2Repository,
   ProjectsRepository,
 } from '@latitude-data/core/repositories'
-import * as Sentry from '@sentry/nextjs'
+import { captureException } from '$/helpers/captureException'
 import { ReplyError } from 'ioredis'
 import { headers } from 'next/headers'
 import { RateLimiterRedis, RateLimiterRes } from 'rate-limiter-flexible'
@@ -32,15 +32,14 @@ export const errorHandlingProcedure = createServerActionProcedure()
     try {
       const data = await getCurrentUserOrRedirect()
 
-      Sentry.captureException(error, {
-        user: {
-          id: data.user.id,
-          name: data.user.name,
-          email: data.user.email,
-        },
+      captureException(error as Error, {
+        component: 'serverAction',
+        userId: data.user.id,
+        userName: data.user.name,
+        userEmail: data.user.email,
       })
     } catch (_) {
-      Sentry.captureException(error)
+      captureException(error as Error, { component: 'serverAction' })
     }
   })
   .handler((ctx) => ({ ...ctx }))

apps/web/sentry.server.config.ts

@@ -1,5 +1,5 @@
 import { useMemo, Fragment, useCallback } from 'react'
-import { NavbarItem } from './navbarItem'
+import { NavbarItem } from './NavbarItem'
 import { Separator } from '@latitude-data/web-ui/atoms/Separator'
 import { Text } from '@latitude-data/web-ui/atoms/Text'
 import { Button } from '@latitude-data/web-ui/atoms/Button'