next.config.mjs

// @ts-check
import { withSentryConfig } from '@sentry/nextjs';

/**
 * Next.js Configuration with Sentry Integration
 *
 * Features:
 * - Sentry error tracking
 * - Source maps uploading
 * - Performance monitoring
 * - Environment-based configuration
 */

/** @type {import('next').NextConfig} */
const nextConfig = {
  // Enable React strict mode for better development
  reactStrictMode: true,

  // Disable x-powered-by header for security
  poweredByHeader: false,

  // Configure image domains if needed
  images: {
    domains: [],
  },

  // Enable SWC minification
  swcMinify: true,

  // Configure redirects if needed
  async redirects() {
    return [];
  },

  // Configure headers for security
  async headers() {
    return [
      {
        source: '/:path*',
        headers: [
          {
            key: 'X-Frame-Options',
            value: 'DENY',
          },
          {
            key: 'X-Content-Type-Options',
            value: 'nosniff',
          },
          {
            key: 'Referrer-Policy',
            value: 'origin-when-cross-origin',
          },
        ],
      },
    ];
  },
};

// Sentry configuration options
const sentryWebpackPluginOptions = {
  // Additional config options for the Sentry webpack plugin
  silent: true,
  dryRun: process.env.NODE_ENV !== 'production',
  release: process.env.NEXT_PUBLIC_RELEASE_VERSION,

  // Upload source maps in production
  uploadSourceMaps: process.env.NODE_ENV === 'production',

  // Configure source maps
  include: '.next',
  ignore: ['node_modules'],
  stripPrefix: ['webpack://_N_E/'],
  urlPrefix: '~/_next',

  // Configure error handling
  errorHandler: (err) => {
    console.error('[Sentry Webpack Plugin]', err);
    if (process.env.NODE_ENV === 'production') {
      throw err;
    }
  },
};

// Export the configuration with Sentry
export default withSentryConfig(
  nextConfig,
  sentryWebpackPluginOptions
);