feat: setup sentry

Signed-off-by: Maud Royer <hello@maudroyer.fr>

.gitignore

@@ -35,3 +35,6 @@ yarn-error.log*
 # typescript
 *.tsbuildinfo
 next-env.d.ts
+
+# Sentry Config File
+.env.sentry-build-plugin

next.config.mjs

@@ -1,3 +1,5 @@
+import { withSentryConfig } from "@sentry/nextjs";
+
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   webpack: (config) => {
@@ -7,6 +9,30 @@ const nextConfig = {
     });
     return config;
   },
+  experimental: {
+    instrumentationHook: true,
+  },
 };
 
-export default nextConfig;
+/**
+ * The following environment variables are required in order for Sentry to work
+ * and for the source maps to be uploaded correctly:
+ * - SENTRY_DSN
+ * - SENTRY_URL
+ * - SENTRY_ORG
+ * - SENTRY_PROJECT
+ * - SENTRY_AUTH_TOKEN
+ */
+export default withSentryConfig(nextConfig, {
+  // Only print logs for uploading source maps in CI
+  silent: !process.env.CI,
+  widenClientFileUpload: true,
+  reactComponentAnnotation: {
+    enabled: true,
+  },
+  // Route browser requests to Sentry through a Next.js rewrite to circumvent ad-blockers.
+  tunnelRoute: "/monitoring",
+  hideSourceMaps: true,
+  // Automatically tree-shake Sentry logger statements to reduce bundle size
+  disableLogger: true,
+});