web/next.config.js at main · NWACus/web · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
import { withPayload } from '@payloadcms/next/withPayload'
import { withSentryConfig } from '@sentry/nextjs'

import redirects from './redirects.js'

const PROTOCOL =
  process.env.NODE_ENV === 'production' &&
  process.env.LOCAL_FLAG_ENABLE_LOCAL_PRODUCTION_BUILDS !== 'true'
    ? 'https'
    : 'http'
const ROOT_DOMAIN = process.env.NEXT_PUBLIC_ROOT_DOMAIN || 'localhost:3000'
const ROOT_SITE_URL = `${PROTOCOL}://${ROOT_DOMAIN}`
const url = new URL(ROOT_SITE_URL)

/** @type {import('next').NextConfig} */
const nextConfig = {
  crossOrigin: 'anonymous',
  images: {
    unoptimized: false,
    remotePatterns: [
      {
        hostname: url.hostname,
        protocol: url.protocol.replace(':', ''),
      },
      {
        hostname: '*.' + url.hostname,
        protocol: url.protocol.replace(':', ''),
      },
      {
        hostname: 'www.avy-fx-demo.org',
        protocol: PROTOCOL,
      },
      {
        hostname: 'www.sierraavalanchecenter.org',
        protocol: PROTOCOL,
      },
      {
        hostname: 'www.sawtoothavalanche.com',
        protocol: PROTOCOL,
      },
    ],
  },
  reactStrictMode: true,
  redirects,
  async rewrites() {
    return [
      {
        source: '/ingest/static/:path*',
        destination: 'https://us-assets.i.posthog.com/static/:path*',
      },
      {
        source: '/ingest/:path*',
        destination: 'https://us.i.posthog.com/:path*',
      },
      {
        source: '/ingest/decide',
        destination: 'https://us.i.posthog.com/decide',
      },
    ]
  },
  // This is required to support PostHog trailing slash API requests
  skipTrailingSlashRedirect: true,
  // Resolves an error from Sentry
  // Reference: https://github.com/getsentry/sentry-javascript/issues/15209#issuecomment-2820494802
  serverExternalPackages: ['require-in-the-middle', 'import-in-the-middle'],
  webpack: (config) => {
    // Ignores a nasty-looking but apparently harmless error resulting from importing Sentry in client components
    // Reference: https://github.com/getsentry/sentry-javascript/issues/12077#issuecomment-2407569917
    config.ignoreWarnings = [{ module: /@opentelemetry\/instrumentation/ }]
    return config
  },
  ...(process.env.LOCAL_FLAG_ENABLE_FULL_URL_LOGGING === 'true' && {
    logging: {
      fetches: {
        fullUrl: true,
      },
    },
  }),
  ...(process.env.LOCAL_FLAG_ENABLE_LOCAL_PRODUCTION_BUILDS === 'true' && {
    experimental: {
      // to solve https://github.com/WiseLibs/better-sqlite3/issues/1155
      workerThreads: false,
      cpus: 1,
    },
  }),
}

const configWithPayload = withPayload(nextConfig, { devBundleServerPackages: false })

const configWithSentry = withSentryConfig(configWithPayload, {
  org: 'nwac',
  project: 'avy-web',
  silent: !process.env.CI,
  widenClientFileUpload: true,
  tunnelRoute: '/monitoring',

  // 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.)
  automaticVercelMonitors: true,
})

export default process.env.NODE_ENV === 'production' ? configWithSentry : configWithPayload