# Distributed Tracing Tutorial

This step-by-step tutorial walks you through setting up Sentry in both a frontend (React) and backend (Express) 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-end error that in turn triggers a sample back-end error.
* Go to the [Traces](https://sentry.io/orgredirect/organizations/:orgslug/traces.md) page in Sentry and see a detailed view of your entire trace.

This tutorial uses a [sample React application](https://github.com/getsentry/tracing-tutorial-frontend.md) on the frontend as well as a sample [Express API](https://github.com/getsentry/tracing-tutorial-backend.md) 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're running React on the frontend and Express on the backend.

## [Prerequisites](https://docs.sentry.io/.md#prerequisites)

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

## [Next](https://docs.sentry.io/.md#next)

[Create your Sentry Projects](https://docs.sentry.io/product/sentry-basics/distributed-tracing/create-new-project.md)
