Implement sentry

.env.prod.template

@@ -11,4 +11,9 @@ NEXTAUTH_URL=
 GITHUB_ID=
 GITHUB_SECRET=
 NEXT_PUBLIC_IS_TESTNET=
-NEXT_PUBLIC_GOOGLE_ANALYTICS_TRACKING_ID=
+NEXT_PUBLIC_GOOGLE_ANALYTICS_TRACKING_ID=
+
+NEXT_PUBLIC_SENTRY_DSN=
+SENTRY_AUTH_TOKEN=
+SENTRY_ORG=
+SENTRY_PROJECT=

.eslintrc.js

@@ -31,5 +31,6 @@ module.exports = {
     'react/react-in-jsx-scope': 'off',
     'no-void': 'off',
     '@typescript-eslint/strict-boolean-expressions': 'off',
+    '@typescript-eslint/no-var-requires': 0,
   },
 }

.gitignore

@@ -38,4 +38,6 @@ next-env.d.ts
 .netlify
 
 # environment
-.env
+.env
+# Sentry Config File
+.env.sentry-build-plugin

next.config.js

@@ -1,9 +1,39 @@
+const { withSentryConfig } = require('@sentry/nextjs')
+
 /** @type {import('next').NextConfig} */
 
-module.exports = {
+const nextConfig = {
   output: 'standalone',
   webpack: (config) => {
     config.externals.push('encoding')
     return config
   },
+  experimental: {
+    instrumentationHook: true,
+  },
 }
+
+module.exports = withSentryConfig(nextConfig, {
+  // 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',
+
+  // Automatically tree-shake Sentry logger statements to reduce bundle size
+  disableLogger: true,
+})