|
5 | 5 | The Datadog RUM Nuxt integration provides framework-specific instrumentation to help you monitor and debug Nuxt applications. This integration adds: |
6 | 6 |
|
7 | 7 | - **Automatic route change detection** for Nuxt file-based routing |
8 | | -- **View name normalization** that converts dynamic route segments into parameterized names (for example `/user/123` becomes `/user/[id]`) |
| 8 | +- **View name normalization** that converts dynamic route segments into parameterized names (for example, `/user/123` becomes `/user/[id]`) |
9 | 9 | - **Error reporting** through both Vue's global error handler and Nuxt's `app:error` hook |
10 | 10 | - **Full-stack visibility** by correlating frontend performance with backend traces and logs |
11 | 11 |
|
12 | 12 | Combined with Datadog RUM's core capabilities, you can debug performance bottlenecks, track user journeys, monitor Core Web Vitals, and analyze every user session with context. |
13 | 13 |
|
| 14 | +## Prerequisites |
| 15 | + |
| 16 | +This integration requires Nuxt v3 or v4, Vue v3.5+, and Vue Router v4+. |
| 17 | + |
14 | 18 | ## Setup |
15 | 19 |
|
16 | 20 | Start by setting up [Datadog RUM][1] in your Nuxt application. |
17 | 21 |
|
18 | | -After configuration, add the [RUM-Nuxt plugin][2] to the Browser SDK. |
19 | | - |
20 | | -This integration requires **Nuxt v3 or v4**, **Vue v3.5+**, and **Vue Router v4+**. |
| 22 | +After setting up RUM, add the [RUM-Nuxt plugin][2] to the Browser SDK. |
21 | 23 |
|
22 | 24 | ## Basic usage |
23 | 25 |
|
@@ -56,7 +58,7 @@ Passing `nuxtApp` is optional, but recommended. When provided, the integration a |
56 | 58 |
|
57 | 59 | ## Manual error reporting |
58 | 60 |
|
59 | | -If you catch a Nuxt or Vue error yourself and want to report it to Datadog RUM, use `addNuxtError`: |
| 61 | +If you catch a Nuxt or Vue error and want to report it to Datadog RUM, use `addNuxtError`: |
60 | 62 |
|
61 | 63 | ```vue |
62 | 64 | <script setup lang="ts"> |
@@ -100,9 +102,9 @@ To generate custom metrics from your RUM application, see [Generate Metrics][5]. |
100 | 102 |
|
101 | 103 | Need help? Contact [Datadog Support][6]. |
102 | 104 |
|
103 | | -[1]: https://docs.datadoghq.com/real_user_monitoring/browser/setup/client |
| 105 | +[1]: https://docs.datadoghq.com/real_user_monitoring/application_monitoring/browser/setup/client/ |
104 | 106 | [2]: https://www.npmjs.com/package/@datadog/browser-rum-nuxt |
105 | | -[3]: https://docs.datadoghq.com/real_user_monitoring/platform/connect_rum_and_traces/?tab=browserrum |
| 107 | +[3]: https://docs.datadoghq.com/tracing/other_telemetry/rum/ |
106 | 108 | [4]: https://docs.datadoghq.com/logs/log_collection/javascript/ |
107 | | -[5]: https://docs.datadoghq.com/real_user_monitoring/generate_metrics |
| 109 | +[5]: https://docs.datadoghq.com/real_user_monitoring/platform/generate_metrics/ |
108 | 110 | [6]: https://docs.datadoghq.com/help/ |
0 commit comments