sentry.client.config.ts

// This file configures the initialization of Sentry on the client.
// The config you add here will be used whenever a users loads a page in their browser.
// https://docs.sentry.io/platforms/javascript/guides/nextjs/

import * as Sentry from "@sentry/nextjs";

const isCI = process.env.CI === "true";

// Check if we're on a Vercel preview deployment, we want to run only on prod domain
const isVercelPreview =
  typeof window !== "undefined" &&
  window.location.hostname.includes(".vercel.app");

// This is the client config, so we need to check the NEXT_PUBLIC_SENTRY_ENABLED environment variable
const isSentryEnabled =
  process.env.NEXT_PUBLIC_SENTRY_ENABLED === "true" &&
  !isCI &&
  !isVercelPreview;

if (isSentryEnabled) {
  Sentry.init({
    dsn: process.env.NEXT_PUBLIC_SENTRY_DSN,
    enabled: isSentryEnabled,

    // Adjust sampling in production for better performance/cost balance
    tracesSampleRate: 0.15, // Sample 15% of transactions

    // Recommended production settings
    debug: false,

    // Performance settings
    replaysSessionSampleRate: 0.1, // Sample 10% of sessions
    replaysOnErrorSampleRate: 1.0, // But capture all sessions with errors
  });
}