Gatsby
Gatsby
To use Sentry with your Gatsby application, you will need to use @sentry/gatsby (Sentry’s Gatsby SDK):
Copied
npm install --save @sentry/gatsby@sentry/gatsby is a wrapper around the @sentry/react package, with added functionality related to Gatsby. All methods available in the @sentry/react package can also be imported from @sentry/gatsby.
Register the @sentry/gatsby plugin in your Gatsby configuration file (typically gatsby-config.js).
gatsby-config.jsCopied
module.exports = {
plugins: [
{
resolve: "@sentry/gatsby",
},
],
};Then, configure your Sentry.init:
sentry.config.(js|ts)Copied
import * as Sentry from "@sentry/gatsby";
Sentry.init({
dsn: "https://examplePublicKey@o0.ingest.sentry.io/0",
integrations: [new Sentry.Replay()],
// Set tracesSampleRate to 1.0 to capture 100%
// of transactions for performance monitoring.
// We recommend adjusting this value in production
tracesSampleRate: 1.0,
// Capture Replay for 10% of all sessions,
// plus for 100% of sessions with an error
replaysSessionSampleRate: 0.1,
replaysOnErrorSampleRate: 1.0,
});Help improve this content
Our documentation is open source and available on GitHub. Your contributions are welcome, whether fixing a typo (drat!) to suggesting an update ("yeah, this would be better").
Our documentation is open source and available on GitHub. Your contributions are welcome, whether fixing a typo (drat!) to suggesting an update ("yeah, this would be better").
Suggest an edit to this page | Contribute to Docs | Report a problem
🎉 Thank you for your feedback! 🙌
- Package:
- npm:@sentry/gatsby
- Version:
- 7.70.0
- Repository:
- https://github.com/getsentry/sentry-javascript