Error tracking with Sentry

Error tracking and alerting are crucial in the production environment, proactively fixing the errors leads to a better user experience. Sentry is one of the error tracking services, and it provides alerting for unhandled exceptions. You should receive an email when something wrong happens.

Sentry issues show the error stack trace, device, operating system, and browser information. The project dashboard shows an unhandled exception once it's thrown. This post covers the integration of several technologies with Sentry.

Node.js

• Create a Node.js project on Sentry

• Install the package
  

npm i @sentry/node

• Run the following script

const Sentry = require('@sentry/node');

Sentry.init({
  dsn: SENTRY_DSN
});

test();

Next.js

• Create a Next.js project on Sentry (version 13 is not yet supported)

• Run the following commands for the setup
  

npm i @sentry/nextjs
npx @sentry/wizard -i nextjs

Gatsby

• Create a Gatsby project on Sentry

• Install the package
  

npm i @sentry/gatsby

• Add plugin in Gatsby config

module.exports = {
  plugins: [
    // ...
    {
      resolve: '@sentry/gatsby',
      options: {
        dsn: SENTRY_DSN
      }
    }
  ]
};

React Native

• Create a React Native project on Sentry

• Run the following commands for the setup
  

npm i @sentry/react-native
npx @sentry/wizard -i reactNative -p android