---
title: "Frontend Error Monitoring Tutorial"
description: "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."
url: https://docs.sentry.io/product/sentry-basics/integrate-frontend/
---

# Frontend Error Monitoring Tutorial

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](https://github.com/getsentry/frontend-tutorial). You can follow along with the provided sample code or apply the same steps to your own project.

## [Prerequisites](https://docs.sentry.io/product/sentry-basics/integrate-frontend.md#prerequisites)

* A [Sentry](https://sentry.io) account, or [sign up](https://sentry.io/signup/) for one
* A [GitHub](https://github.com/) account, or [sign up](https://github.com/join) for one
* [Node 18+](https://nodejs.org/en/download/)

## [Next](https://docs.sentry.io/product/sentry-basics/integrate-frontend.md#next)

[Create a Sentry Project](https://docs.sentry.io/product/sentry-basics/integrate-frontend/create-new-project.md)

## Pages in this section

- [Create a Sentry Project](https://docs.sentry.io/product/sentry-basics/integrate-frontend/create-new-project.md)
- [Add the Sentry SDK to Your Project](https://docs.sentry.io/product/sentry-basics/integrate-frontend/initialize-sentry-sdk.md)
- [Capture Your First Error](https://docs.sentry.io/product/sentry-basics/integrate-frontend/generate-first-error.md)
- [Enable Readable Stack Traces in Your Errors](https://docs.sentry.io/product/sentry-basics/integrate-frontend/upload-source-maps.md)
- [Enable Suspect Commits & Stack Trace Linking](https://docs.sentry.io/product/sentry-basics/integrate-frontend/configure-scms.md)