feat: add sentry

.env.example

@@ -8,4 +8,5 @@ TEMPLATE_URL=https://templating.api.zesty.io/
 ALGOLIA_APPID=
 ALGOLIA_APIKEY=
 ALGOLIA_INDEX=
+SENTRY_AUTH_TOKEN=
 

.github/workflows/ci.yml

@@ -40,6 +40,8 @@ jobs:
         node-version: [20]
     runs-on: ${{ matrix.os }}
     needs: install-dependencies
+    env:
+      SENTRY_AUTH_TOKEN: ${{ secrets.SENTRY_AUTH_TOKEN }}
 
     steps:
       - name: ✅ Checkout code

.gitignore

@@ -38,3 +38,6 @@ cypress.json
 cypress/integration/__image_snapshots__
 .vercel
 .idea
+
+# Sentry Config File
+.env.sentry-build-plugin

Dockerfile

@@ -1,4 +1,4 @@
-FROM node:18.18.2-alpine3.17
+FROM node:18.20.4-alpine3.20
 
 WORKDIR /usr/src/app
 
@@ -14,6 +14,9 @@ ENV HOST=0.0.0.0
 ENV PORT=8080
 ENV NEXT_TELEMETRY_DISABLED=1
 
+ARG SENTRY_AUTH_TOKEN
+ENV SENTRY_AUTH_TOKEN=$SENTRY_AUTH_TOKEN
+
 RUN npm run build
 
 CMD [ "npm", "start" ]

cloudbuild.yaml

@@ -1,11 +1,20 @@
+availableSecrets:
+  secretManager:
+    - versionName: projects/$PROJECT_ID/secrets/sentry-auth-token/versions/latest
+      env: SENTRY_AUTH_TOKEN
+
 steps:
   - name: gcr.io/cloud-builders/docker
+    secretEnv:
+      - SENTRY_AUTH_TOKEN
     args:
       - build
       - '--cache-from'
       - '$_GCR_HOSTNAME/$PROJECT_ID/$REPO_NAME/$_SERVICE_NAME:latest'
       - '-t'
       - '$_GCR_HOSTNAME/$PROJECT_ID/$REPO_NAME/$_SERVICE_NAME:$COMMIT_SHA'
+      - '--build-arg'
+      - 'SENTRY_AUTH_TOKEN=$$SENTRY_AUTH_TOKEN'
       - .
       - '-f'
       - Dockerfile

cloudbuildProduction.yaml

@@ -1,10 +1,19 @@
+availableSecrets:
+  secretManager:
+    - versionName: projects/$PROJECT_ID/secrets/sentry-auth-token/versions/latest
+      env: SENTRY_AUTH_TOKEN
+
 steps:
   - name: gcr.io/cloud-builders/docker
+    secretEnv:
+      - SENTRY_AUTH_TOKEN
     args:
       - build
       - '--no-cache'
       - '-t'
       - '$_GCR_HOSTNAME/$PROJECT_ID/$REPO_NAME/$_SERVICE_NAME:$COMMIT_SHA'
+      - '--build-arg'
+      - 'SENTRY_AUTH_TOKEN=$$SENTRY_AUTH_TOKEN'
       - .
       - '-f'
       - Dockerfile

next.config.js

@@ -1,7 +1,8 @@
 const zestyConfig = require('./zesty.config.json');
 const { docsRedirects } = require('./src/config/redirects');
+const { withSentryConfig } = require('@sentry/nextjs');
 
-module.exports = {
+const nextConfig = {
   trailingSlash: true,
   env: {
     zesty: zestyConfig,
@@ -20,3 +21,35 @@ module.exports = {
     return [...docsRedirects];
   },
 };
+
+module.exports = withSentryConfig(nextConfig, {
+  // For all available options, see:
+  // https://www.npmjs.com/package/@sentry/webpack-plugin#options
+
+  org: 'zestyio',
+  project: 'website-accounts',
+
+  // 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,
+
+  // Uncomment to 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,
+
+  // Enables automatic instrumentation of Vercel Cron Monitors. (Does not yet work with App Router route handlers.)
+  // See the following for more information:
+  // https://docs.sentry.io/product/crons/
+  // https://vercel.com/docs/cron-jobs
+  automaticVercelMonitors: true,
+});