Distributed Tracing
Follow this tutorial to set up Sentry for a sample fullstack JavaScript application. By the end, you'll be able to use distributed tracing to monitor cross-platform errors in Sentry.
This step-by-step tutorial walks you through setting up Sentry in both a frontend and backend sample application. After completing this tutorial you'll be able to trace the source and impact of your issues across projects and platforms. As part of this tutorial, you will:
- Configure the Sentry SDK on a sample React and Node/Express app.
- Trigger a sample front-error that in turn triggers a sample back-end error.
- Go into Sentry Distributed Tracing and see the details of the entire trace.
This tutorial uses a sample React application on the frontend as well as a sample Node/Express API on the backend. Some familiarity with JavaScript will help you follow along. If you'd prefer, you can also apply the same steps to your own project, assuming you are running React on the frontend and Node/Express on the backend.
Help improve this content
Our documentation is open source and available on GitHub. Your contributions are welcome, whether fixing a typo (drat!) or 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!) or suggesting an update ("yeah, this would be better").