tweak: error & performance tracking (#563)

* tweak: error & performance track

* chore: update build env

Author: shhdgit

.github/workflows/production.yml

@@ -90,6 +90,7 @@ jobs:
           GATSBY_DOC_BUILD_DATE: ${{ steps.submodule.outputs.build_date }}
           GATSBY_DOC_BUILD_GIT_SHA: ${{ steps.submodule.outputs.git_sha }}
           GATSBY_DOC_BUILD_SUBMODULE_SHA: ${{ steps.submodule.outputs.submodule_status }}
+          GATSBY_SENTRY_DSN: ${{ secrets.SENTRY_DSN }}
         run: |
           yarn build --verbose
 

gatsby-config.js

@@ -18,6 +18,9 @@ module.exports = {
   },
   jsxRuntime: "automatic",
   plugins: [
+    {
+      resolve: "@sentry/gatsby",
+    },
     {
       resolve: "gatsby-plugin-google-tagmanager",
       options: {

gatsby-node.js

@@ -1,4 +1,5 @@
 require("ts-node").register({ transpileOnly: true });
+require("dotenv").config();
 
 const path = require("path");
 

package.json

@@ -26,6 +26,7 @@
     "@mui/lab": "^5.0.0-alpha.95",
     "@mui/material": "^5.10.0",
     "@seagreenio/react-bulma": "^0.1.0-beta.4",
+    "@sentry/gatsby": "^8.42.0",
     "algoliasearch": "^4.11.0",
     "axios": "^0.24.0",
     "clsx": "^1.1.1",

sentry.config.js

@@ -0,0 +1,9 @@
+import * as Sentry from "@sentry/gatsby";
+
+Sentry.init({
+  environment: process.env.NODE_ENV,
+  dsn: process.env.GATSBY_SENTRY_DSN,
+  integrations: [Sentry.browserTracingIntegration()],
+
+  tracesSampleRate: 0.1,
+});