First pass at adding sentry exception tracking to this ReactJS webstore application, I have already added the env variable value for SENTRY_DSN into the repositories ci/cd env variables under staging

Author: aprilrieger

charts/webstore/templates/deployment.yaml

@@ -50,6 +50,8 @@ spec:
               value: "{{ .Values.clientSecret }}"
             - name: CLIENT_ID
               value: "{{ .Values.clientId }}"
+            - name: SENTRY_DSN
+              value: "{{ .Values.sentryDsn }}"
           ports:
             - name: http
               containerPort: {{ .Values.service.port }}

ops/staging-deploy.tmpl.yaml

@@ -7,7 +7,7 @@ nextPublicToken: $NEXT_PUBLIC_TOKEN
 nextAuthSecret: $NEXTAUTH_SECRET
 clientSecret: $CLIENT_SECRET
 clientId: $CLIENT_ID
-
+sentryDsn: $SENTRY_DSN
 replicaCount: 1
 
 image:

pages/index.js

@@ -18,6 +18,16 @@ import {
   ABOUT_US_TITLE,
   APP_TITLE,
 } from '../utils'
+import { Integrations } from "@sentry/tracing";
+import * as Sentry from "@sentry/react";
+
+Sentry.init({
+  dsn: process.env.SENTRY_DSN,
+  integrations: [
+    new Integrations.BrowserTracing(),
+  ],
+  tracesSampleRate: 1.0,
+});
 
 const Home = () => {
   const router = useRouter()