Frontend Error Monitoring Tutorial
Follow this tutorial to set up Sentry for a sample React frontend application. By the end, you'll be able to monitor errors and view readable stack traces and suspect commits to help you identify and debug.
This step-by-step tutorial walks you through setting up Sentry in a React project to monitor errors in a frontend application. After completing this tutorial you'll be able to:
- Receive alerts when errors occur in your code
- View a readable stack trace with source code context
- View suspect commits and suggested assignees based on commit information and stack traces
This tutorial uses a sample React application. You can follow along with the provided sample code or apply the same steps to your own project.
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").