|
1 | | -## Step 3: Verify Your Setup |
| 1 | +## Step 2: Verify Your Setup |
2 | 2 |
|
3 | | -Let's confirm that Sentry is working properly and sending data to your Sentry project by using the example page and route created by the installation wizard. |
| 3 | +<Expandable title="Are you developing with Turbopack?"> |
4 | 4 |
|
5 | | -1. Open the example page at [http://localhost:3000/sentry-example-page](http://localhost:3000/sentry-example-page) |
| 5 | +The Sentry SDK doesn't fully support `next dev --turbo` as Turbopack is still under development. This means that the Sentry SDK will not capture any data for the frontend. Other than that, your devserver should be fully operational. |
| 6 | + |
| 7 | +Check the latest information on [Sentry's support for Turbopack on GitHub](https://github.com/getsentry/sentry-javascript/issues/8105). |
| 8 | + |
| 9 | +</Expandable> |
| 10 | + |
| 11 | +If you haven't tested your setup yet, let's do it now. You can confirm that Sentry is working properly and sending data to your Sentry project by using the example page and route created by the installation wizard. |
| 12 | + |
| 13 | +1. Open the example page `/sentry-example-page`. |
6 | 14 | 2. Click the "Throw error" button. This triggers two errors: |
7 | 15 | - a frontend error |
8 | 16 | - an error within the API route |
9 | 17 |
|
10 | | -Sentry will capture both of these errors for you. Additionally, the button click starts a performance trace to measure the time it takes for the API request to complete. |
| 18 | +Sentry captures both of these errors for you. Additionally, the button click starts a performance trace to measure the time it takes for the API request to complete. |
11 | 19 |
|
12 | 20 | <Alert level="success" title="Tip"> |
13 | 21 |
|
14 | | -Make sure to explore the example files' code in your project to understand what's happening after your button click. |
| 22 | +Don't forget to explore the example files' code in your project to understand what's happening after your button click. |
15 | 23 |
|
16 | 24 | </Alert> |
17 | 25 |
|
18 | 26 | ### View Captured Data in Sentry |
19 | 27 |
|
20 | | -Now head over to your Sentry project on [Sentry.io](https://sentry.io) to view the collected data (it takes a couple of moments for the data to appear). |
| 28 | +Now, head over to your project on [Sentry.io](https://sentry.io) to view the collected data (it takes a couple of moments for the data to appear). |
21 | 29 |
|
22 | 30 | <Alert level="warning" title="Important"> |
23 | 31 |
|
24 | 32 | Errors triggered from within your browser's developer tools (i.e., the browser console) are sandboxed, so they will not trigger Sentry's error monitoring. |
25 | 33 |
|
26 | 34 | </Alert> |
27 | 35 |
|
| 36 | +<Expandable title="Need help locating the captured errors in your Sentry project?"> |
| 37 | + |
28 | 38 | 1. Open the [**Issues**](https://sentry.io/orgredirect/organizations/:orgslug/issues) page and select an error from the issues list to view the full details and context of this error. For an interactive UI walkthrough, click [here](/product/sentry-basics/integrate-frontend/generate-first-error/#ui-walkthrough). |
29 | 39 | 2. Open the [**Traces**](https://sentry.io/orgredirect/organizations/:orgslug/traces) page and select a trace to reveal more information about each span, its duration, and any errors. For an interactive UI walkthrough, click [here](/product/sentry-basics/distributed-tracing/generate-first-error/#ui-walkthrough). |
30 | 40 | 3. Open the [**Replays**](https://sentry.io/orgredirect/organizations/:orgslug/replays) page and select an entry from the list to get a detailed view where you can replay the interaction and get more information to help you troubleshoot. |
| 41 | + |
| 42 | +</Expandable> |
0 commit comments