monitoring

Monitoring & Observability

🎯 Monitoring Strategy

Comprehensive error tracking and performance monitoring using Sentry with structured logging for both customer and admin experiences.

🔧 Sentry Configuration

Setup

// sentry.client.config.ts
import * as Sentry from '@sentry/nextjs'

Sentry.init({
  dsn: process.env.SENTRY_DSN,
  environment: process.env.NODE_ENV,
  tracesSampleRate: 1.0,
  debug: false,
  integrations: [
    Sentry.browserTracingIntegration(),
  ],
  beforeSend(event, hint) {
    // Filter out non-critical errors
    if (event.exception) {
      const error = hint.originalException
      if (error && error.message?.includes('Network Error')) {
        return null // Don't send network errors
      }
    }
    return event
  },
})

Server Configuration

// sentry.server.config.ts
import * as Sentry from '@sentry/nextjs'

Sentry.init({
  dsn: process.env.SENTRY_DSN,
  environment: process.env.NODE_ENV,
  tracesSampleRate: 1.0,
  debug: false,
  integrations: [
    Sentry.prismaIntegration(),
  ],
})

📊 Structured Logging Patterns

Core Logging Utility

// lib/logging.ts
import * as Sentry from '@sentry/nextjs'

export interface LogContext {
  component: string
  action: string
  userId?: string
  businessId?: string
  bookingId?: string
  [key: string]: any
}

export function logError(error: Error, context: LogContext) {
  Sentry.captureException(error, {
    tags: {
      component: context.component,
      action: context.action,
      severity: 'error',
    },
    extra: {
      ...context,
      timestamp: new Date().toISOString(),
      userAgent: typeof window !== 'undefined' ? window.navigator.userAgent : 'server',
    },
  })
}

export function logInfo(message: string, context: LogContext) {
  Sentry.addBreadcrumb({
    message,
    level: 'info',
    category: context.component,
    data: context,
  })
}

export function logWarning(message: string, context: LogContext) {
  Sentry.captureMessage(message, {
    level: 'warning',
    tags: {
      component: context.component,
      action: context.action,
    },
    extra: context,
  })
}