Stella MaProduct Marketing Manager Maël LilenstenSenior Product Manager Modern web applications rely on frameworks like Next.js, Vue, and Angular to handle routing and rendering. In these architectures, navigation happens within the application rather than through full page loads, which makes it difficult for traditional browser instrumentation to capture what users actually experience. As a result, teams often see misleading view names, missing navigations, and errors that are either misattributed or not captured at all, especially during hydration or lazy loading.
Datadog Real User Monitoring (RUM) now includes out-of-the-box integrations for Next.js, Vue, Nuxt, Angular, and TanStack Router, enabling teams to capture routing, navigation, and error data in a way that aligns with how their applications actually work. Setup requires only a single initialization at the root of your app. In this post, we’ll cover how RUM automatically captures navigation and error data by using the same semantics defined in your application code, allowing teams to attribute errors and debug faster in their favorite framework.
Capture accurate, router-aware navigation events across your entire application
