From f64edb498243010bf222b60d3e5021008af0244b Mon Sep 17 00:00:00 2001 From: Sarah Mischinger Date: Tue, 10 Mar 2026 11:11:07 +0100 Subject: [PATCH 01/14] update feature includes in JS quick start guides --- .../javascript/guides/angular/index.mdx | 4 +- .../guides/angular/manual-setup.mdx | 4 +- .../javascript/guides/astro/index.mdx | 5 +- .../guides/azure-functions/index.mdx | 4 +- .../platforms/javascript/guides/bun/index.mdx | 4 +- .../javascript/guides/capacitor/index.mdx | 4 +- .../guides/cloudflare/frameworks/astro.mdx | 2 +- .../guides/cloudflare/frameworks/hono.mdx | 12 +- .../frameworks/hydrogen-react-router.mdx | 7 +- .../guides/cloudflare/frameworks/remix.mdx | 5 +- .../javascript/guides/cloudflare/index.mdx | 4 +- .../javascript/guides/deno/index.mdx | 4 +- .../javascript/guides/electron/index.mdx | 4 +- .../javascript/guides/ember/index.mdx | 4 +- .../javascript/guides/firebase/index.mdx | 4 +- .../javascript/guides/gatsby/index.mdx | 4 +- .../javascript/guides/gcp-functions/index.mdx | 4 +- .../javascript/guides/nestjs/index.mdx | 4 +- .../javascript/guides/nuxt/index.mdx | 11 +- .../javascript/guides/react-router/index.mdx | 4 +- .../guides/react-router/manual-setup.mdx | 4 +- .../javascript/guides/react/index.mdx | 10 +- .../javascript/guides/remix/index.mdx | 2 +- .../javascript/guides/remix/manual-setup.mdx | 2 +- .../javascript/guides/solid/index.mdx | 4 +- .../javascript/guides/solidstart/index.mdx | 4 +- .../javascript/guides/svelte/index.mdx | 4 +- .../javascript/guides/sveltekit/index.mdx | 4 +- .../sveltekit/manual-setup__v10.7.0.mdx | 6 +- .../guides/tanstackstart-react/index.mdx | 4 +- .../platforms/javascript/guides/vue/index.mdx | 4 +- .../javascript/guides/wasm/index.mdx | 4 +- ...tures-expandable-cloudflare-frameworks.mdx | 10 ++ includes/quick-start-features-expandable.mdx | 44 ++++++++ ...-data-expandable-cloudflare-frameworks.mdx | 10 ++ .../quick-start-locate-data-expandable.mdx | 44 ++++++++ .../javascript.astro.mdx | 12 +- .../getting-started-complete/javascript.mdx | 2 +- .../javascript.nuxt.mdx | 24 +++- .../javascript.remix.mdx | 11 +- .../javascript.sveltekit.mdx | 25 ++++- .../_default.mdx | 18 +-- .../javascript.astro.mdx | 18 --- .../javascript.azure-functions.mdx | 14 --- .../javascript.bun.mdx | 13 --- .../javascript.cloudflare.mdx | 13 --- .../javascript.deno.mdx | 13 --- .../javascript.node.mdx | 14 --- .../javascript.react-router.mdx | 18 --- .../javascript.wasm.mdx | 13 --- .../getting-started-node/javascript.mdx | 4 +- .../javascript.astro.mdx | 9 -- .../javascript.azure-functions.mdx | 8 -- .../javascript.bun.mdx | 7 -- .../javascript.cloudflare.mdx | 7 -- .../javascript.deno.mdx | 7 -- .../javascript.mdx | 9 +- .../javascript.node.mdx | 8 -- .../javascript.wasm.mdx | 7 -- src/components/featureInfo.tsx | 104 ++++++++++++++++++ 60 files changed, 351 insertions(+), 285 deletions(-) create mode 100644 includes/quick-start-features-expandable-cloudflare-frameworks.mdx create mode 100644 includes/quick-start-features-expandable.mdx create mode 100644 includes/quick-start-locate-data-expandable-cloudflare-frameworks.mdx create mode 100644 includes/quick-start-locate-data-expandable.mdx delete mode 100644 platform-includes/getting-started-features-expandable/javascript.astro.mdx delete mode 100644 platform-includes/getting-started-features-expandable/javascript.azure-functions.mdx delete mode 100644 platform-includes/getting-started-features-expandable/javascript.bun.mdx delete mode 100644 platform-includes/getting-started-features-expandable/javascript.cloudflare.mdx delete mode 100644 platform-includes/getting-started-features-expandable/javascript.deno.mdx delete mode 100644 platform-includes/getting-started-features-expandable/javascript.node.mdx delete mode 100644 platform-includes/getting-started-features-expandable/javascript.react-router.mdx delete mode 100644 platform-includes/getting-started-features-expandable/javascript.wasm.mdx delete mode 100644 platform-includes/getting-started-verify-locate-data/javascript.astro.mdx delete mode 100644 platform-includes/getting-started-verify-locate-data/javascript.azure-functions.mdx delete mode 100644 platform-includes/getting-started-verify-locate-data/javascript.bun.mdx delete mode 100644 platform-includes/getting-started-verify-locate-data/javascript.cloudflare.mdx delete mode 100644 platform-includes/getting-started-verify-locate-data/javascript.deno.mdx delete mode 100644 platform-includes/getting-started-verify-locate-data/javascript.node.mdx delete mode 100644 platform-includes/getting-started-verify-locate-data/javascript.wasm.mdx create mode 100644 src/components/featureInfo.tsx diff --git a/docs/platforms/javascript/guides/angular/index.mdx b/docs/platforms/javascript/guides/angular/index.mdx index 72389d55aa207e..1c326463a5be89 100644 --- a/docs/platforms/javascript/guides/angular/index.mdx +++ b/docs/platforms/javascript/guides/angular/index.mdx @@ -32,7 +32,7 @@ npx @sentry/wizard@latest -i angular The wizard then guides you through the setup process, asking you to enable additional (optional) Sentry features for your application beyond error monitoring. - + This guide assumes that you enable all features and allow the wizard to add an example component to your application. You can add or remove features at any time, but setting them up now will save you the effort of configuring them manually later. @@ -71,7 +71,7 @@ Now, head over to your project on [Sentry.io](https://sentry.io) to view the col - + ## Next Steps diff --git a/docs/platforms/javascript/guides/angular/manual-setup.mdx b/docs/platforms/javascript/guides/angular/manual-setup.mdx index e26fcc61d13e39..16ac0887997cc8 100644 --- a/docs/platforms/javascript/guides/angular/manual-setup.mdx +++ b/docs/platforms/javascript/guides/angular/manual-setup.mdx @@ -75,7 +75,7 @@ Choose the features you want to configure, and this guide will show you how: ]} /> - + The main configuration should happen as early as possible in your app's lifecycle. Typically that means in your `main.ts` file. In addition, you'll need to register some providers to fully instrument your application. @@ -414,7 +414,7 @@ Open the page in a browser and click the button to trigger a frontend error and 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). - + ## Next Steps diff --git a/docs/platforms/javascript/guides/astro/index.mdx b/docs/platforms/javascript/guides/astro/index.mdx index 699f4ee5174f9f..1be60de4ef2141 100644 --- a/docs/platforms/javascript/guides/astro/index.mdx +++ b/docs/platforms/javascript/guides/astro/index.mdx @@ -41,9 +41,6 @@ Choose the features you want to configure, and this guide will show you how: ]} /> - + diff --git a/docs/platforms/javascript/guides/azure-functions/index.mdx b/docs/platforms/javascript/guides/azure-functions/index.mdx index 8aa7e62e94c78c..ae6e4d59587338 100644 --- a/docs/platforms/javascript/guides/azure-functions/index.mdx +++ b/docs/platforms/javascript/guides/azure-functions/index.mdx @@ -19,7 +19,7 @@ Choose the features you want to configure, and this guide will show you how: options={["error-monitoring", "performance", "profiling", "logs"]} /> - + ### Install the Sentry SDK @@ -173,7 +173,7 @@ Deploy and trigger your function to start a child span. 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). - + ## Next Steps diff --git a/docs/platforms/javascript/guides/bun/index.mdx b/docs/platforms/javascript/guides/bun/index.mdx index 7829ca4f6e412e..a9018d52c22d59 100644 --- a/docs/platforms/javascript/guides/bun/index.mdx +++ b/docs/platforms/javascript/guides/bun/index.mdx @@ -19,7 +19,7 @@ Choose the features you want to configure, and this guide will show you how: options={["error-monitoring", "performance", "logs"]} /> - + ### Install the SDK @@ -134,7 +134,7 @@ Sentry.startSpan( Finally, 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). - + ## Next Steps diff --git a/docs/platforms/javascript/guides/capacitor/index.mdx b/docs/platforms/javascript/guides/capacitor/index.mdx index 8045dd63039b16..23be2a15706588 100644 --- a/docs/platforms/javascript/guides/capacitor/index.mdx +++ b/docs/platforms/javascript/guides/capacitor/index.mdx @@ -58,7 +58,7 @@ Choose the features you want to configure, and this guide will show you how: ]} /> - + ### Initialize the Sentry SDK @@ -260,7 +260,7 @@ Open the page in a browser and click the button to trigger a frontend error and 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). - + ## Next Steps diff --git a/docs/platforms/javascript/guides/cloudflare/frameworks/astro.mdx b/docs/platforms/javascript/guides/cloudflare/frameworks/astro.mdx index 7311348cc7c2d2..5a4a299515c5d7 100644 --- a/docs/platforms/javascript/guides/cloudflare/frameworks/astro.mdx +++ b/docs/platforms/javascript/guides/cloudflare/frameworks/astro.mdx @@ -23,7 +23,7 @@ You need: ]} /> - + - The community-maintained `@hono/sentry` middleware that uses `toucan-js` has been deprecated in favor of - using `@sentry/cloudflare` directly. - If you're currently using the `@hono/sentry` middleware with `toucan-js`, you should migrate to - `@sentry/cloudflare` directly as shown in this guide. + The community-maintained `@hono/sentry` middleware that uses `toucan-js` has + been deprecated in favor of using `@sentry/cloudflare` directly. If you're + currently using the `@hono/sentry` middleware with `toucan-js`, you should + migrate to `@sentry/cloudflare` directly as shown in this guide. ## Step 1: Install @@ -20,7 +20,7 @@ Choose the features you want to configure, and this guide will show you how: options={["error-monitoring", "performance", "logs"]} /> - + ### Install the Sentry SDK @@ -83,6 +83,8 @@ export default Sentry.withSentry( platform="javascript.hono" /> + + ## Next Steps At this point, you should have integrated Sentry and should already be sending data to your Sentry project. diff --git a/docs/platforms/javascript/guides/cloudflare/frameworks/hydrogen-react-router.mdx b/docs/platforms/javascript/guides/cloudflare/frameworks/hydrogen-react-router.mdx index 534beca39954c6..48b293c2154537 100644 --- a/docs/platforms/javascript/guides/cloudflare/frameworks/hydrogen-react-router.mdx +++ b/docs/platforms/javascript/guides/cloudflare/frameworks/hydrogen-react-router.mdx @@ -30,10 +30,7 @@ Choose the features you want to configure, and this guide will show you how: ]} /> - + ### Install the Sentry SDK @@ -360,7 +357,7 @@ Open the `/sentry-test` route in your browser. You should start a trace and trig 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). - + ## Next Steps diff --git a/docs/platforms/javascript/guides/cloudflare/frameworks/remix.mdx b/docs/platforms/javascript/guides/cloudflare/frameworks/remix.mdx index 6d2cd091124701..98de8efa12dbdc 100644 --- a/docs/platforms/javascript/guides/cloudflare/frameworks/remix.mdx +++ b/docs/platforms/javascript/guides/cloudflare/frameworks/remix.mdx @@ -22,10 +22,7 @@ Choose the features you want to configure, and this guide will show you how: ]} /> - + ### Install the Sentry SDK diff --git a/docs/platforms/javascript/guides/cloudflare/index.mdx b/docs/platforms/javascript/guides/cloudflare/index.mdx index 01e8df9a36dc56..91b792cbd2e87b 100644 --- a/docs/platforms/javascript/guides/cloudflare/index.mdx +++ b/docs/platforms/javascript/guides/cloudflare/index.mdx @@ -34,7 +34,7 @@ Choose the features you want to configure, and this guide will show you how: options={["error-monitoring", "performance", "logs"]} /> - + ### Install the Sentry SDK @@ -213,7 +213,7 @@ export async function onRequest(context) { 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). - + ## Known Limitations diff --git a/docs/platforms/javascript/guides/deno/index.mdx b/docs/platforms/javascript/guides/deno/index.mdx index 6976988e763f0e..91f6f55a6c1287 100644 --- a/docs/platforms/javascript/guides/deno/index.mdx +++ b/docs/platforms/javascript/guides/deno/index.mdx @@ -25,7 +25,7 @@ Choose the features you want to configure, and this guide will show you how: options={["error-monitoring", "performance", "logs"]} /> - + ### Import the Sentry SDK @@ -136,7 +136,7 @@ Sentry.startSpan({ Finally, 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). - + ## Next Steps diff --git a/docs/platforms/javascript/guides/electron/index.mdx b/docs/platforms/javascript/guides/electron/index.mdx index 9a7498e4ea236d..995152113344a3 100644 --- a/docs/platforms/javascript/guides/electron/index.mdx +++ b/docs/platforms/javascript/guides/electron/index.mdx @@ -41,7 +41,7 @@ Choose the features you want to configure, and this guide will show you how: ]} /> - + You should initialize the SDK in both the `main` process and every `renderer` process you spawn. @@ -252,7 +252,7 @@ Start your app and trigger two errors that Sentry will capture: one from the mai 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). - + ## Next Steps diff --git a/docs/platforms/javascript/guides/ember/index.mdx b/docs/platforms/javascript/guides/ember/index.mdx index 4d4d61e9a6fb1f..b6bbd83d70dba6 100644 --- a/docs/platforms/javascript/guides/ember/index.mdx +++ b/docs/platforms/javascript/guides/ember/index.mdx @@ -31,7 +31,7 @@ Choose the features you want to configure, and this guide will show you how: ]} /> - + ### Initialize the SDK @@ -173,7 +173,7 @@ Open the page in a browser and click the button to trigger a frontend error and 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). - + ## Next Steps diff --git a/docs/platforms/javascript/guides/firebase/index.mdx b/docs/platforms/javascript/guides/firebase/index.mdx index c56bf0719647dd..bb9328810896b3 100644 --- a/docs/platforms/javascript/guides/firebase/index.mdx +++ b/docs/platforms/javascript/guides/firebase/index.mdx @@ -33,7 +33,7 @@ Choose the features you want to configure, and this guide will show you how: options={["error-monitoring", "performance", "profiling", "logs"]} /> - + ### Install the Sentry SDK @@ -176,7 +176,7 @@ exports.tracedFunction = onRequest(async (request, response) => { 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). - + ## Next Steps diff --git a/docs/platforms/javascript/guides/gatsby/index.mdx b/docs/platforms/javascript/guides/gatsby/index.mdx index 2fdc357a800b45..bff36acdc743b1 100644 --- a/docs/platforms/javascript/guides/gatsby/index.mdx +++ b/docs/platforms/javascript/guides/gatsby/index.mdx @@ -76,7 +76,7 @@ Choose the features you want to configure, and this guide will show you how: ]} /> - + ### Initialize the Sentry SDK @@ -196,7 +196,7 @@ Open the page in a browser and click the button to trigger a frontend error and 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). - + ## Next Steps diff --git a/docs/platforms/javascript/guides/gcp-functions/index.mdx b/docs/platforms/javascript/guides/gcp-functions/index.mdx index 77dc7aa54be8dd..84340b5685eddb 100644 --- a/docs/platforms/javascript/guides/gcp-functions/index.mdx +++ b/docs/platforms/javascript/guides/gcp-functions/index.mdx @@ -31,7 +31,7 @@ Choose the features you want to configure, and this guide will show you how: options={["error-monitoring", "performance", "profiling", "logs"]} /> - + ### Install the Sentry SDK @@ -133,7 +133,7 @@ exports.helloEvent = Sentry.wrapCloudEventFunction(async (context) => { 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). - + ## Next Steps diff --git a/docs/platforms/javascript/guides/nestjs/index.mdx b/docs/platforms/javascript/guides/nestjs/index.mdx index 3a5dd57bc8195b..6c9f102d6f53d0 100644 --- a/docs/platforms/javascript/guides/nestjs/index.mdx +++ b/docs/platforms/javascript/guides/nestjs/index.mdx @@ -29,7 +29,7 @@ Choose the features you want to configure, and this guide will show you how: options={["error-monitoring", "performance", "profiling", "logs"]} /> - + ### Initialize the Sentry SDK @@ -103,7 +103,7 @@ Let's test your setup and confirm that Sentry is working correctly and sending d 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). - + ## Next Steps diff --git a/docs/platforms/javascript/guides/nuxt/index.mdx b/docs/platforms/javascript/guides/nuxt/index.mdx index 2fe4b2165d7752..d9c87244201d34 100644 --- a/docs/platforms/javascript/guides/nuxt/index.mdx +++ b/docs/platforms/javascript/guides/nuxt/index.mdx @@ -20,7 +20,7 @@ npx @sentry/wizard@latest -i nuxt The wizard then guides you through the setup process, asking you to enable additional (optional) Sentry features for your application beyond error monitoring. - + This guide assumes that you enable all features and allow the wizard to create an example page or component. You can add or remove features at any time, but setting them up now will save you the effort of configuring them manually later. @@ -55,9 +55,10 @@ To test Sentry, you can run your Nuxt application in either production or develo We **recommend testing in production mode** as it most closely resembles your deployed application's environment. - By default, the SDK will add the server config as `sentry.server.config.mjs` to the build. - To find the exact path to this file, enable `debug` mode in your Sentry configuration within `nuxt.config.ts`. - Sentry will then print the exact path during the build process. + By default, the SDK will add the server config as `sentry.server.config.mjs` + to the build. To find the exact path to this file, enable `debug` mode in your + Sentry configuration within `nuxt.config.ts`. Sentry will then print the exact + path during the build process. ### Run in Production Mode (Recommended) @@ -95,7 +96,7 @@ Now, head over to your project on [Sentry.io](https://sentry.io/) to view the co - + ## Next Steps diff --git a/docs/platforms/javascript/guides/react-router/index.mdx b/docs/platforms/javascript/guides/react-router/index.mdx index 7504409b216c7c..100de8b26a1631 100644 --- a/docs/platforms/javascript/guides/react-router/index.mdx +++ b/docs/platforms/javascript/guides/react-router/index.mdx @@ -84,7 +84,7 @@ Select which Sentry features you'd like to install in addition to Error Monitori ]} /> - + @@ -248,7 +248,7 @@ Now, head over to your project on [Sentry.io](https://sentry.io) to view the col - + ## Next Steps diff --git a/docs/platforms/javascript/guides/react-router/manual-setup.mdx b/docs/platforms/javascript/guides/react-router/manual-setup.mdx index 799694929c3216..f9e75753ddc7bc 100644 --- a/docs/platforms/javascript/guides/react-router/manual-setup.mdx +++ b/docs/platforms/javascript/guides/react-router/manual-setup.mdx @@ -73,7 +73,7 @@ Choose the features you want to configure, and this guide will show you how: ]} /> - + ### Expose Entry Point Files @@ -565,7 +565,7 @@ Open the route in your browser. You should start a trace and trigger an error. 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). - + ## Next Steps diff --git a/docs/platforms/javascript/guides/react/index.mdx b/docs/platforms/javascript/guides/react/index.mdx index 84db6936f704a8..8ee2dc94081fb4 100644 --- a/docs/platforms/javascript/guides/react/index.mdx +++ b/docs/platforms/javascript/guides/react/index.mdx @@ -14,6 +14,7 @@ categories: If you're using Next.js, Remix, or another framework with server-side rendering, use the dedicated SDK instead: + - [Next.js](/platforms/javascript/guides/nextjs/) - [Remix](/platforms/javascript/guides/remix/) - [Gatsby](/platforms/javascript/guides/gatsby/) @@ -54,7 +55,7 @@ Choose the features you want to configure: ]} /> - + @@ -172,7 +173,7 @@ const container = document.getElementById("app"); const root = createRoot(container, { // Callback called when an error is thrown and not caught by an ErrorBoundary. onUncaughtError: Sentry.reactErrorHandler((error, errorInfo) => { - console.warn('Uncaught error', error, errorInfo.componentStack); + console.warn("Uncaught error", error, errorInfo.componentStack); }), // Callback called when React catches an error in an ErrorBoundary. onCaughtError: Sentry.reactErrorHandler(), @@ -295,10 +296,7 @@ import * as Sentry from "@sentry/react"; const sentryEnhancer = Sentry.createReduxEnhancer(); -const store = createStore( - rootReducer, - compose(sentryEnhancer) -); +const store = createStore(rootReducer, compose(sentryEnhancer)); ``` diff --git a/docs/platforms/javascript/guides/remix/index.mdx b/docs/platforms/javascript/guides/remix/index.mdx index 0557f18f365721..f3868a94d0739a 100644 --- a/docs/platforms/javascript/guides/remix/index.mdx +++ b/docs/platforms/javascript/guides/remix/index.mdx @@ -21,7 +21,7 @@ npx @sentry/wizard@latest -i remix The wizard then guides you through the setup process, asking you to enable additional (optional) Sentry features for your application beyond error monitoring. - + This guide assumes that you enable all features and allow the wizard to create an example page. You can add or remove features at any time, but setting them up now will save you the effort of configuring them manually later. diff --git a/docs/platforms/javascript/guides/remix/manual-setup.mdx b/docs/platforms/javascript/guides/remix/manual-setup.mdx index 35e1a936fcfd55..9657c824380268 100644 --- a/docs/platforms/javascript/guides/remix/manual-setup.mdx +++ b/docs/platforms/javascript/guides/remix/manual-setup.mdx @@ -29,7 +29,7 @@ Choose the features you want to configure, and this guide will show you how: ]} /> - + ### Install the Sentry SDK diff --git a/docs/platforms/javascript/guides/solid/index.mdx b/docs/platforms/javascript/guides/solid/index.mdx index 7e2f7607c51071..b8d79b3a780d84 100644 --- a/docs/platforms/javascript/guides/solid/index.mdx +++ b/docs/platforms/javascript/guides/solid/index.mdx @@ -44,7 +44,7 @@ Choose the features you want to configure, and this guide will show you how: ]} /> - + ### Initialize the Sentry SDK @@ -190,7 +190,7 @@ Open the page in a browser and click the button to trigger a frontend error and 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). - + ## Next Steps diff --git a/docs/platforms/javascript/guides/solidstart/index.mdx b/docs/platforms/javascript/guides/solidstart/index.mdx index 8fbef30f0787f0..b04bdb221d94bf 100644 --- a/docs/platforms/javascript/guides/solidstart/index.mdx +++ b/docs/platforms/javascript/guides/solidstart/index.mdx @@ -35,7 +35,7 @@ Choose the features you want to configure, and this guide will show you how: ]} /> - + ### Install the Sentry SDK @@ -368,7 +368,7 @@ Open the page in the browser and click the button to trigger a frontend error, a 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). - + ## Next Steps diff --git a/docs/platforms/javascript/guides/svelte/index.mdx b/docs/platforms/javascript/guides/svelte/index.mdx index 09fa9131a98c23..feb8cdae7f8ae9 100644 --- a/docs/platforms/javascript/guides/svelte/index.mdx +++ b/docs/platforms/javascript/guides/svelte/index.mdx @@ -51,7 +51,7 @@ Choose the features you want to configure, and this guide will show you how: ]} /> - + To use the SDK, initialize it in your Svelte entry point before bootstrapping your app. In a typical Svelte project, that is your `main.js` or `main.ts` file. @@ -283,7 +283,7 @@ Open the page in a browser and click the button to trigger a frontend error and 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). - + ## Next Steps diff --git a/docs/platforms/javascript/guides/sveltekit/index.mdx b/docs/platforms/javascript/guides/sveltekit/index.mdx index 61ae03e43d1f44..84f33a11652a5b 100644 --- a/docs/platforms/javascript/guides/sveltekit/index.mdx +++ b/docs/platforms/javascript/guides/sveltekit/index.mdx @@ -23,7 +23,7 @@ npx @sentry/wizard@latest -i sveltekit The wizard then guides you through the setup process, asking you to enable additional (optional) Sentry features for your application beyond error monitoring. - + This guide assumes that you enable all features and allow the wizard to create an example page. You can add or remove features at any time, but setting them up now will save you the effort of configuring them manually later. @@ -66,7 +66,7 @@ Now, head over to your project on [Sentry.io](https://sentry.io) to view the col - + ## Next Steps diff --git a/docs/platforms/javascript/guides/sveltekit/manual-setup__v10.7.0.mdx b/docs/platforms/javascript/guides/sveltekit/manual-setup__v10.7.0.mdx index e87c2ac008fa47..00c0ef1df68368 100644 --- a/docs/platforms/javascript/guides/sveltekit/manual-setup__v10.7.0.mdx +++ b/docs/platforms/javascript/guides/sveltekit/manual-setup__v10.7.0.mdx @@ -15,7 +15,7 @@ You need: - A Sentry [account](https://sentry.io/signup/) and [project](/product/projects/) - Your application up and running -- SvelteKit version `2.0.0`+ +- SvelteKit version `2.0.0`+ - Vite version `4.2`+ @@ -49,7 +49,7 @@ Choose the features you want to configure, and this guide will show you how: ]} /> - + ### Install the Sentry SDK @@ -323,7 +323,7 @@ Additionally, this starts a trace to measure the time it takes for the API reque 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). - + ## Next Steps diff --git a/docs/platforms/javascript/guides/tanstackstart-react/index.mdx b/docs/platforms/javascript/guides/tanstackstart-react/index.mdx index b710e5821ec898..fe05168eb4c34f 100644 --- a/docs/platforms/javascript/guides/tanstackstart-react/index.mdx +++ b/docs/platforms/javascript/guides/tanstackstart-react/index.mdx @@ -28,7 +28,7 @@ Choose the features you want to configure, and this guide will show you how: ]} /> - + ### Install the Sentry SDK @@ -443,7 +443,7 @@ Additionally, this starts a performance trace to measure the time it takes for t 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). - + ## Next Steps diff --git a/docs/platforms/javascript/guides/vue/index.mdx b/docs/platforms/javascript/guides/vue/index.mdx index bc62cca30cf78f..dcf83089c37eea 100644 --- a/docs/platforms/javascript/guides/vue/index.mdx +++ b/docs/platforms/javascript/guides/vue/index.mdx @@ -41,7 +41,7 @@ Choose the features you want to configure, and this guide will show you how: ]} /> - + To initialize Sentry in your Vue application, add the following code snippet to your `main.js`: @@ -296,7 +296,7 @@ Open the page in a browser and click the button to trigger a frontend error and 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). - + ## Next Steps diff --git a/docs/platforms/javascript/guides/wasm/index.mdx b/docs/platforms/javascript/guides/wasm/index.mdx index edd06a8484f6f9..02dff63aea87e2 100644 --- a/docs/platforms/javascript/guides/wasm/index.mdx +++ b/docs/platforms/javascript/guides/wasm/index.mdx @@ -25,7 +25,7 @@ Choose the features you want to configure, and this guide will show you how: options={["error-monitoring", "performance", "logs"]} /> - + ### Install the Sentry SDK @@ -193,7 +193,7 @@ function testWasmTracing() { 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). - + ## Next Steps diff --git a/includes/quick-start-features-expandable-cloudflare-frameworks.mdx b/includes/quick-start-features-expandable-cloudflare-frameworks.mdx new file mode 100644 index 00000000000000..60be39802ea67a --- /dev/null +++ b/includes/quick-start-features-expandable-cloudflare-frameworks.mdx @@ -0,0 +1,10 @@ +import { FeatureInfo } from "sentry-docs/components/featureInfo"; + + + + + + diff --git a/includes/quick-start-features-expandable.mdx b/includes/quick-start-features-expandable.mdx new file mode 100644 index 00000000000000..9171e1416937b4 --- /dev/null +++ b/includes/quick-start-features-expandable.mdx @@ -0,0 +1,44 @@ +import { FeatureInfo } from "sentry-docs/components/featureInfo"; + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/includes/quick-start-locate-data-expandable-cloudflare-frameworks.mdx b/includes/quick-start-locate-data-expandable-cloudflare-frameworks.mdx new file mode 100644 index 00000000000000..36c2fcdd335759 --- /dev/null +++ b/includes/quick-start-locate-data-expandable-cloudflare-frameworks.mdx @@ -0,0 +1,10 @@ +import { FeatureInfo } from "sentry-docs/components/featureInfo"; + + + + + + diff --git a/includes/quick-start-locate-data-expandable.mdx b/includes/quick-start-locate-data-expandable.mdx new file mode 100644 index 00000000000000..fec853d47472a7 --- /dev/null +++ b/includes/quick-start-locate-data-expandable.mdx @@ -0,0 +1,44 @@ +import { FeatureInfo } from "sentry-docs/components/featureInfo"; + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/platform-includes/getting-started-complete/javascript.astro.mdx b/platform-includes/getting-started-complete/javascript.astro.mdx index b98796af7a818b..69b48b7d2ef94a 100644 --- a/platform-includes/getting-started-complete/javascript.astro.mdx +++ b/platform-includes/getting-started-complete/javascript.astro.mdx @@ -398,7 +398,17 @@ To test tracing, create a custom span to measure the time it takes for the API r 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). - + + + + + + + + + + + ## Next Steps diff --git a/platform-includes/getting-started-complete/javascript.mdx b/platform-includes/getting-started-complete/javascript.mdx index 8c73f92de24073..c7896bd3e186e4 100644 --- a/platform-includes/getting-started-complete/javascript.mdx +++ b/platform-includes/getting-started-complete/javascript.mdx @@ -14,7 +14,7 @@ Choose the features you want to configure, and this guide will show you how: ]} /> - + ### Install the Sentry SDK diff --git a/platform-includes/getting-started-complete/javascript.nuxt.mdx b/platform-includes/getting-started-complete/javascript.nuxt.mdx index adb312e62cdaab..758c7d3da42010 100644 --- a/platform-includes/getting-started-complete/javascript.nuxt.mdx +++ b/platform-includes/getting-started-complete/javascript.nuxt.mdx @@ -17,7 +17,17 @@ Choose the features you want to configure, and this guide will show you how: ]} /> - + + + + + + + + + + + ### Install the Sentry SDK @@ -366,7 +376,17 @@ After running your project: 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). - + + + + + + + + + + + ## Next Steps diff --git a/platform-includes/getting-started-complete/javascript.remix.mdx b/platform-includes/getting-started-complete/javascript.remix.mdx index 21648673b1d699..c738b3d7e98377 100644 --- a/platform-includes/getting-started-complete/javascript.remix.mdx +++ b/platform-includes/getting-started-complete/javascript.remix.mdx @@ -401,7 +401,16 @@ Open the page in a browser (for most Remix applications, this will be at localho 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). - + + + + + + + + + + ## Next Steps diff --git a/platform-includes/getting-started-complete/javascript.sveltekit.mdx b/platform-includes/getting-started-complete/javascript.sveltekit.mdx index 9088503457f040..95bd0eefe3382e 100644 --- a/platform-includes/getting-started-complete/javascript.sveltekit.mdx +++ b/platform-includes/getting-started-complete/javascript.sveltekit.mdx @@ -65,10 +65,16 @@ Choose the features you want to configure, and this guide will show you how: ]} /> - + + + + + + + + + + ### Install the Sentry SDK @@ -457,7 +463,16 @@ Additionally, this starts a trace to measure the time it takes for the API reque 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). - + + + + + + + + + + ## Next Steps diff --git a/platform-includes/getting-started-features-expandable/_default.mdx b/platform-includes/getting-started-features-expandable/_default.mdx index fbc9fe9ee8a4b8..2f7c4b0f1c3d6c 100644 --- a/platform-includes/getting-started-features-expandable/_default.mdx +++ b/platform-includes/getting-started-features-expandable/_default.mdx @@ -1,17 +1 @@ - - -- [**Issues**](/product/issues) (always enabled): Sentry's core error monitoring product that automatically reports errors, - uncaught exceptions, and unhandled rejections. If you have something that - looks like an exception, Sentry can capture it. -- [**Tracing**](/product/tracing): Track software performance while seeing the - impact of errors across multiple systems. For example, distributed tracing - allows you to follow a request from the frontend to the backend and back. -- [**Session Replay**](/product/explore/session-replay/web): - Get to the root cause of an issue faster by viewing a video-like reproduction - of what was happening in the user's browser before, during, and after the - problem. -- [**Logs**](/product/explore/logs): Centralize and analyze your application logs to - correlate them with errors and performance issues. Search, filter, and - visualize log data to understand what's happening in your applications. - - + diff --git a/platform-includes/getting-started-features-expandable/javascript.astro.mdx b/platform-includes/getting-started-features-expandable/javascript.astro.mdx deleted file mode 100644 index 94ca5436fc63dd..00000000000000 --- a/platform-includes/getting-started-features-expandable/javascript.astro.mdx +++ /dev/null @@ -1,18 +0,0 @@ - - -- [**Issues**](/product/issues) (always enabled): Sentry's core error monitoring product that automatically reports errors, - uncaught exceptions, and unhandled rejections. If you have something that - looks like an exception, Sentry can capture it. -- [**Tracing**](/product/tracing): Track software performance while seeing the - impact of errors across multiple systems. For example, distributed tracing - allows you to follow a request from the frontend to the backend and back. -- [**Session Replay**](/product/explore/session-replay/web): - Get to the root cause of an issue faster by viewing a video-like reproduction - of what was happening in the user's browser before, during, and after the - problem. -- [**Profiling**](/product/explore/profiling/): Gain deeper insight than traditional tracing without custom instrumentation, letting you discover slow-to-execute or resource-intensive functions in your app. -- [**Logs**](/product/explore/logs): Centralize and analyze your application logs to - correlate them with errors and performance issues. Search, filter, and - visualize log data to understand what's happening in your applications. - - diff --git a/platform-includes/getting-started-features-expandable/javascript.azure-functions.mdx b/platform-includes/getting-started-features-expandable/javascript.azure-functions.mdx deleted file mode 100644 index a728d1e44466b0..00000000000000 --- a/platform-includes/getting-started-features-expandable/javascript.azure-functions.mdx +++ /dev/null @@ -1,14 +0,0 @@ - - -- [**Issues**](/product/issues) (always enabled): Sentry's core error monitoring product that automatically reports errors, - uncaught exceptions, and unhandled rejections. If you have something that - looks like an exception, Sentry can capture it. -- [**Tracing**](/product/tracing): Track software performance while seeing the - impact of errors across multiple systems. For example, distributed tracing - allows you to follow a request from the frontend to the backend and back. -- [**Profiling**](/product/explore/profiling/): Gain deeper insight than traditional tracing without custom instrumentation, letting you discover slow-to-execute or resource-intensive functions in your app. -- [**Logs**](/product/explore/logs): Centralize and analyze your application logs to - correlate them with errors and performance issues. Search, filter, and - visualize log data to understand what's happening in your applications. - - diff --git a/platform-includes/getting-started-features-expandable/javascript.bun.mdx b/platform-includes/getting-started-features-expandable/javascript.bun.mdx deleted file mode 100644 index 24c6ca4523b0b2..00000000000000 --- a/platform-includes/getting-started-features-expandable/javascript.bun.mdx +++ /dev/null @@ -1,13 +0,0 @@ - - -- [**Issues**](/product/issues) (always enabled): Sentry's core error monitoring product that automatically reports errors, - uncaught exceptions, and unhandled rejections. If you have something that - looks like an exception, Sentry can capture it. -- [**Tracing**](/product/tracing): Track software performance while seeing the - impact of errors across multiple systems. For example, distributed tracing - allows you to follow a request from the frontend to the backend and back. -- [**Logs**](/product/explore/logs): Centralize and analyze your application logs to - correlate them with errors and performance issues. Search, filter, and - visualize log data to understand what's happening in your applications. - - diff --git a/platform-includes/getting-started-features-expandable/javascript.cloudflare.mdx b/platform-includes/getting-started-features-expandable/javascript.cloudflare.mdx deleted file mode 100644 index 24c6ca4523b0b2..00000000000000 --- a/platform-includes/getting-started-features-expandable/javascript.cloudflare.mdx +++ /dev/null @@ -1,13 +0,0 @@ - - -- [**Issues**](/product/issues) (always enabled): Sentry's core error monitoring product that automatically reports errors, - uncaught exceptions, and unhandled rejections. If you have something that - looks like an exception, Sentry can capture it. -- [**Tracing**](/product/tracing): Track software performance while seeing the - impact of errors across multiple systems. For example, distributed tracing - allows you to follow a request from the frontend to the backend and back. -- [**Logs**](/product/explore/logs): Centralize and analyze your application logs to - correlate them with errors and performance issues. Search, filter, and - visualize log data to understand what's happening in your applications. - - diff --git a/platform-includes/getting-started-features-expandable/javascript.deno.mdx b/platform-includes/getting-started-features-expandable/javascript.deno.mdx deleted file mode 100644 index 24c6ca4523b0b2..00000000000000 --- a/platform-includes/getting-started-features-expandable/javascript.deno.mdx +++ /dev/null @@ -1,13 +0,0 @@ - - -- [**Issues**](/product/issues) (always enabled): Sentry's core error monitoring product that automatically reports errors, - uncaught exceptions, and unhandled rejections. If you have something that - looks like an exception, Sentry can capture it. -- [**Tracing**](/product/tracing): Track software performance while seeing the - impact of errors across multiple systems. For example, distributed tracing - allows you to follow a request from the frontend to the backend and back. -- [**Logs**](/product/explore/logs): Centralize and analyze your application logs to - correlate them with errors and performance issues. Search, filter, and - visualize log data to understand what's happening in your applications. - - diff --git a/platform-includes/getting-started-features-expandable/javascript.node.mdx b/platform-includes/getting-started-features-expandable/javascript.node.mdx deleted file mode 100644 index a728d1e44466b0..00000000000000 --- a/platform-includes/getting-started-features-expandable/javascript.node.mdx +++ /dev/null @@ -1,14 +0,0 @@ - - -- [**Issues**](/product/issues) (always enabled): Sentry's core error monitoring product that automatically reports errors, - uncaught exceptions, and unhandled rejections. If you have something that - looks like an exception, Sentry can capture it. -- [**Tracing**](/product/tracing): Track software performance while seeing the - impact of errors across multiple systems. For example, distributed tracing - allows you to follow a request from the frontend to the backend and back. -- [**Profiling**](/product/explore/profiling/): Gain deeper insight than traditional tracing without custom instrumentation, letting you discover slow-to-execute or resource-intensive functions in your app. -- [**Logs**](/product/explore/logs): Centralize and analyze your application logs to - correlate them with errors and performance issues. Search, filter, and - visualize log data to understand what's happening in your applications. - - diff --git a/platform-includes/getting-started-features-expandable/javascript.react-router.mdx b/platform-includes/getting-started-features-expandable/javascript.react-router.mdx deleted file mode 100644 index 94ca5436fc63dd..00000000000000 --- a/platform-includes/getting-started-features-expandable/javascript.react-router.mdx +++ /dev/null @@ -1,18 +0,0 @@ - - -- [**Issues**](/product/issues) (always enabled): Sentry's core error monitoring product that automatically reports errors, - uncaught exceptions, and unhandled rejections. If you have something that - looks like an exception, Sentry can capture it. -- [**Tracing**](/product/tracing): Track software performance while seeing the - impact of errors across multiple systems. For example, distributed tracing - allows you to follow a request from the frontend to the backend and back. -- [**Session Replay**](/product/explore/session-replay/web): - Get to the root cause of an issue faster by viewing a video-like reproduction - of what was happening in the user's browser before, during, and after the - problem. -- [**Profiling**](/product/explore/profiling/): Gain deeper insight than traditional tracing without custom instrumentation, letting you discover slow-to-execute or resource-intensive functions in your app. -- [**Logs**](/product/explore/logs): Centralize and analyze your application logs to - correlate them with errors and performance issues. Search, filter, and - visualize log data to understand what's happening in your applications. - - diff --git a/platform-includes/getting-started-features-expandable/javascript.wasm.mdx b/platform-includes/getting-started-features-expandable/javascript.wasm.mdx deleted file mode 100644 index 24c6ca4523b0b2..00000000000000 --- a/platform-includes/getting-started-features-expandable/javascript.wasm.mdx +++ /dev/null @@ -1,13 +0,0 @@ - - -- [**Issues**](/product/issues) (always enabled): Sentry's core error monitoring product that automatically reports errors, - uncaught exceptions, and unhandled rejections. If you have something that - looks like an exception, Sentry can capture it. -- [**Tracing**](/product/tracing): Track software performance while seeing the - impact of errors across multiple systems. For example, distributed tracing - allows you to follow a request from the frontend to the backend and back. -- [**Logs**](/product/explore/logs): Centralize and analyze your application logs to - correlate them with errors and performance issues. Search, filter, and - visualize log data to understand what's happening in your applications. - - diff --git a/platform-includes/getting-started-node/javascript.mdx b/platform-includes/getting-started-node/javascript.mdx index 82065334b18c07..564fc2678e241a 100644 --- a/platform-includes/getting-started-node/javascript.mdx +++ b/platform-includes/getting-started-node/javascript.mdx @@ -8,7 +8,7 @@ Choose the features you want to configure, and this guide will show you how: options={["error-monitoring", "performance", "profiling", "logs"]} /> - + ### Install the Sentry SDK @@ -74,7 +74,7 @@ Let's test your setup and confirm that Sentry is working correctly and sending d Finally, 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). - + ## Next Steps diff --git a/platform-includes/getting-started-verify-locate-data/javascript.astro.mdx b/platform-includes/getting-started-verify-locate-data/javascript.astro.mdx deleted file mode 100644 index 1a85cccbb610df..00000000000000 --- a/platform-includes/getting-started-verify-locate-data/javascript.astro.mdx +++ /dev/null @@ -1,9 +0,0 @@ - - -1. Open the [**Issues**](https://sentry.io/issues) page and select an error from the issues list to view the full details and context of this error. For more details, see this [interactive walkthrough](/product/sentry-basics/integrate-frontend/generate-first-error/#ui-walkthrough). -2. Open the [**Traces**](https://sentry.io/explore/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). -3. Open the [**Replays**](https://sentry.io/explore/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. -4. Open the [**Profiles**](https://sentry.io/orgredirect/organizations/:orgslug/profiling) page, select a transaction, and then a profile ID to view its flame graph. For more information, click [here](/product/explore/profiling/profile-details/). -5. Open the [**Logs**](https://sentry.io/explore/logs) page and filter by service, environment, or search keywords to view log entries from your application. For an interactive UI walkthrough, click [here](/product/explore/logs/#overview). - - diff --git a/platform-includes/getting-started-verify-locate-data/javascript.azure-functions.mdx b/platform-includes/getting-started-verify-locate-data/javascript.azure-functions.mdx deleted file mode 100644 index 4d0bdfc550bd32..00000000000000 --- a/platform-includes/getting-started-verify-locate-data/javascript.azure-functions.mdx +++ /dev/null @@ -1,8 +0,0 @@ - - -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). -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). -3. Open the [**Profiles**](https://sentry.io/orgredirect/organizations/:orgslug/profiling) page, select a transaction, and then a profile ID to view its flame graph. For more information, click [here](/product/explore/profiling/profile-details/). -4. Open the [**Logs**](https://sentry.io/explore/logs) page and filter by service, environment, or search keywords to view log entries from your application. For an interactive UI walkthrough, click [here](/product/explore/logs/#overview). - - diff --git a/platform-includes/getting-started-verify-locate-data/javascript.bun.mdx b/platform-includes/getting-started-verify-locate-data/javascript.bun.mdx deleted file mode 100644 index 2aeda41f6656d2..00000000000000 --- a/platform-includes/getting-started-verify-locate-data/javascript.bun.mdx +++ /dev/null @@ -1,7 +0,0 @@ - - -1. Open the [**Issues**](https://sentry.io/issues) page and select an error from the issues list to view the full details and context of this error. For more details, see this [interactive walkthrough](/product/sentry-basics/integrate-frontend/generate-first-error/#ui-walkthrough). -2. Open the [**Traces**](https://sentry.io/explore/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). -3. Open the [**Logs**](https://sentry.io/explore/logs) page and filter by service, environment, or search keywords to view log entries from your application. For an interactive UI walkthrough, click [here](/product/explore/logs/#overview). - - diff --git a/platform-includes/getting-started-verify-locate-data/javascript.cloudflare.mdx b/platform-includes/getting-started-verify-locate-data/javascript.cloudflare.mdx deleted file mode 100644 index 2aeda41f6656d2..00000000000000 --- a/platform-includes/getting-started-verify-locate-data/javascript.cloudflare.mdx +++ /dev/null @@ -1,7 +0,0 @@ - - -1. Open the [**Issues**](https://sentry.io/issues) page and select an error from the issues list to view the full details and context of this error. For more details, see this [interactive walkthrough](/product/sentry-basics/integrate-frontend/generate-first-error/#ui-walkthrough). -2. Open the [**Traces**](https://sentry.io/explore/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). -3. Open the [**Logs**](https://sentry.io/explore/logs) page and filter by service, environment, or search keywords to view log entries from your application. For an interactive UI walkthrough, click [here](/product/explore/logs/#overview). - - diff --git a/platform-includes/getting-started-verify-locate-data/javascript.deno.mdx b/platform-includes/getting-started-verify-locate-data/javascript.deno.mdx deleted file mode 100644 index 2aeda41f6656d2..00000000000000 --- a/platform-includes/getting-started-verify-locate-data/javascript.deno.mdx +++ /dev/null @@ -1,7 +0,0 @@ - - -1. Open the [**Issues**](https://sentry.io/issues) page and select an error from the issues list to view the full details and context of this error. For more details, see this [interactive walkthrough](/product/sentry-basics/integrate-frontend/generate-first-error/#ui-walkthrough). -2. Open the [**Traces**](https://sentry.io/explore/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). -3. Open the [**Logs**](https://sentry.io/explore/logs) page and filter by service, environment, or search keywords to view log entries from your application. For an interactive UI walkthrough, click [here](/product/explore/logs/#overview). - - diff --git a/platform-includes/getting-started-verify-locate-data/javascript.mdx b/platform-includes/getting-started-verify-locate-data/javascript.mdx index 57fcd701a29dcc..35236edf62cd02 100644 --- a/platform-includes/getting-started-verify-locate-data/javascript.mdx +++ b/platform-includes/getting-started-verify-locate-data/javascript.mdx @@ -1,8 +1 @@ - - -1. Open the [**Issues**](https://sentry.io/issues) page and select an error from the issues list to view the full details and context of this error. For more details, see this [interactive walkthrough](/product/sentry-basics/integrate-frontend/generate-first-error/#ui-walkthrough). -2. Open the [**Traces**](https://sentry.io/explore/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). -3. Open the [**Replays**](https://sentry.io/explore/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. -4. Open the [**Logs**](https://sentry.io/explore/logs) page and filter by service, environment, or search keywords to view log entries from your application. For an interactive UI walkthrough, click [here](/product/explore/logs/#overview). - - \ No newline at end of file + diff --git a/platform-includes/getting-started-verify-locate-data/javascript.node.mdx b/platform-includes/getting-started-verify-locate-data/javascript.node.mdx deleted file mode 100644 index 4d0bdfc550bd32..00000000000000 --- a/platform-includes/getting-started-verify-locate-data/javascript.node.mdx +++ /dev/null @@ -1,8 +0,0 @@ - - -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). -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). -3. Open the [**Profiles**](https://sentry.io/orgredirect/organizations/:orgslug/profiling) page, select a transaction, and then a profile ID to view its flame graph. For more information, click [here](/product/explore/profiling/profile-details/). -4. Open the [**Logs**](https://sentry.io/explore/logs) page and filter by service, environment, or search keywords to view log entries from your application. For an interactive UI walkthrough, click [here](/product/explore/logs/#overview). - - diff --git a/platform-includes/getting-started-verify-locate-data/javascript.wasm.mdx b/platform-includes/getting-started-verify-locate-data/javascript.wasm.mdx deleted file mode 100644 index 2aeda41f6656d2..00000000000000 --- a/platform-includes/getting-started-verify-locate-data/javascript.wasm.mdx +++ /dev/null @@ -1,7 +0,0 @@ - - -1. Open the [**Issues**](https://sentry.io/issues) page and select an error from the issues list to view the full details and context of this error. For more details, see this [interactive walkthrough](/product/sentry-basics/integrate-frontend/generate-first-error/#ui-walkthrough). -2. Open the [**Traces**](https://sentry.io/explore/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). -3. Open the [**Logs**](https://sentry.io/explore/logs) page and filter by service, environment, or search keywords to view log entries from your application. For an interactive UI walkthrough, click [here](/product/explore/logs/#overview). - - diff --git a/src/components/featureInfo.tsx b/src/components/featureInfo.tsx new file mode 100644 index 00000000000000..611265910cd646 --- /dev/null +++ b/src/components/featureInfo.tsx @@ -0,0 +1,104 @@ +import {ExternalLink} from './externalLink'; + +type FeatureKey = 'issues' | 'tracing' | 'sessionReplay' | 'logs' | 'profiling' | 'userFeedback'; + +const FEATURE_DATA: Record = { + issues: { + title: 'Issues', + link: '/product/issues', + learnMore: "Sentry's core error monitoring product that automatically reports errors, uncaught exceptions, and unhandled rejections. If you have something that looks like an exception, Sentry can capture it.", + findInSentry: ( + <> + Open the Issues page and select an error from the issues list to view the full details and context of this error. For more details, see this interactive walkthrough. + + ), + }, + tracing: { + title: 'Tracing', + link: '/product/tracing', + learnMore: "Track software performance while seeing the impact of errors across multiple systems. For example, distributed tracing allows you to follow a request from the frontend to the backend and back.", + findInSentry: ( + <> + Open the 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. + + ), + }, + sessionReplay: { + title: 'Session Replay', + link: '/product/explore/session-replay/web', + learnMore: "Get to the root cause of an issue faster by viewing a video-like reproduction of what was happening in the user's browser before, during, and after the problem.", + findInSentry: ( + <> + Open the 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. + + ), + }, + logs: { + title: 'Logs', + link: '/product/explore/logs', + learnMore: "Centralize and analyze your application logs to correlate them with errors and performance issues. Search, filter, and visualize log data to understand what's happening in your applications.", + findInSentry: ( + <> + Open the Logs page and filter by service, environment, or search keywords to view log entries from your application. For an interactive UI walkthrough, click here. + + ), + }, + profiling: { + title: 'Profiling', + link: '/product/explore/profiling/', + learnMore: "Gain deeper insight than traditional tracing without custom instrumentation, letting you discover slow-to-execute or resource-intensive functions in your app.", + findInSentry: ( + <> + Open the Profiles page, select a transaction, and then a profile ID to view its flame graph. For more information, click here. + + ), + }, + userFeedback: { + title: 'User Feedback', + link: '/product/user-feedback', + learnMore: "Collect feedback directly from users when they encounter errors, allowing them to describe what happened and provide context that helps you understand and resolve issues faster.", + findInSentry: ( + <> + Open the User Feedback page and click on individual feedback to see more details all in one view. For more information, click here. + + ), + }, +}; + +type FeatureInfoProps = { + features: FeatureKey[]; + type: 'learnMore' | 'findInSentry'; +}; + +/** + * FeatureInfo displays information about Sentry features in list format. + * For example, we use it in our quick start guides to show helpful information about features + * + * @param features - Array of feature keys to display + * @param type - learnMore shows feature descriptions, findInSentry shows navigation help + */ +export function FeatureInfo({features, type}: FeatureInfoProps) { + return ( +
    + {features.map(key => { + const feature = FEATURE_DATA[key]; + + if (type === 'learnMore') { + return ( +
  • + {feature.title} + {key === 'issues' && ' (always enabled)'}: {feature.learnMore} +
    • + ); + } else { + return
  • {feature.findInSentry}
    • ; + } + })} +
+ ); +} From 68c4e2a5db7dadd751045071273b9c81c8d5f2aa Mon Sep 17 00:00:00 2001 From: Sarah Mischinger Date: Tue, 10 Mar 2026 11:13:09 +0100 Subject: [PATCH 02/14] update links --- src/components/featureInfo.tsx | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/src/components/featureInfo.tsx b/src/components/featureInfo.tsx index 611265910cd646..dde5948380d689 100644 --- a/src/components/featureInfo.tsx +++ b/src/components/featureInfo.tsx @@ -14,7 +14,7 @@ const FEATURE_DATA: Record - Open the Issues page and select an error from the issues list to view the full details and context of this error. For more details, see this interactive walkthrough. + Open the Issues page and select an error from the issues list to view the full details and context of this error. For more details, see this interactive walkthrough. ), }, @@ -24,7 +24,7 @@ const FEATURE_DATA: Record - Open the 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. + Open the 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. ), }, @@ -34,7 +34,7 @@ const FEATURE_DATA: Record - Open the 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. + Open the 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. ), }, @@ -44,7 +44,7 @@ const FEATURE_DATA: Record - Open the Logs page and filter by service, environment, or search keywords to view log entries from your application. For an interactive UI walkthrough, click here. + Open the Logs page and filter by service, environment, or search keywords to view log entries from your application. For an interactive UI walkthrough, click here. ), }, @@ -54,7 +54,7 @@ const FEATURE_DATA: Record - Open the Profiles page, select a transaction, and then a profile ID to view its flame graph. For more information, click here. + Open the Profiles page, select a transaction, and then a profile ID to view its flame graph. For more information, click here. ), }, @@ -64,7 +64,7 @@ const FEATURE_DATA: Record - Open the User Feedback page and click on individual feedback to see more details all in one view. For more information, click here. + Open the User Feedback page and click on individual feedback to see more details all in one view. For more information, click here. ), }, From 34ec7b0ff20f1d752be716818e2747d235f442a7 Mon Sep 17 00:00:00 2001 From: Sarah Mischinger Date: Tue, 10 Mar 2026 11:19:21 +0100 Subject: [PATCH 03/14] remove test formatting --- .../quick-start-features-expandable-cloudflare-frameworks.mdx | 2 +- includes/quick-start-features-expandable.mdx | 2 +- ...quick-start-locate-data-expandable-cloudflare-frameworks.mdx | 2 +- includes/quick-start-locate-data-expandable.mdx | 2 +- 4 files changed, 4 insertions(+), 4 deletions(-) diff --git a/includes/quick-start-features-expandable-cloudflare-frameworks.mdx b/includes/quick-start-features-expandable-cloudflare-frameworks.mdx index 60be39802ea67a..4eb88f5d1264ca 100644 --- a/includes/quick-start-features-expandable-cloudflare-frameworks.mdx +++ b/includes/quick-start-features-expandable-cloudflare-frameworks.mdx @@ -1,6 +1,6 @@ import { FeatureInfo } from "sentry-docs/components/featureInfo"; - + + diff --git a/includes/quick-start-locate-data-expandable-cloudflare-frameworks.mdx b/includes/quick-start-locate-data-expandable-cloudflare-frameworks.mdx index 36c2fcdd335759..86791fdb8b0805 100644 --- a/includes/quick-start-locate-data-expandable-cloudflare-frameworks.mdx +++ b/includes/quick-start-locate-data-expandable-cloudflare-frameworks.mdx @@ -1,6 +1,6 @@ import { FeatureInfo } from "sentry-docs/components/featureInfo"; - + + From b2884194d146206ca80516478fc0777663a77369 Mon Sep 17 00:00:00 2001 From: Sarah Mischinger Date: Tue, 10 Mar 2026 11:56:09 +0100 Subject: [PATCH 04/14] fix import --- src/components/featureInfo.tsx | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/src/components/featureInfo.tsx b/src/components/featureInfo.tsx index dde5948380d689..b25f52da9a9b3a 100644 --- a/src/components/featureInfo.tsx +++ b/src/components/featureInfo.tsx @@ -1,3 +1,4 @@ +import type {ReactNode} from 'react'; import {ExternalLink} from './externalLink'; type FeatureKey = 'issues' | 'tracing' | 'sessionReplay' | 'logs' | 'profiling' | 'userFeedback'; @@ -5,8 +6,8 @@ type FeatureKey = 'issues' | 'tracing' | 'sessionReplay' | 'logs' | 'profiling' const FEATURE_DATA: Record = { issues: { title: 'Issues', From ef42b2160993229afe37499d35a62206f9dcbd9f Mon Sep 17 00:00:00 2001 From: Sarah Mischinger Date: Tue, 10 Mar 2026 13:53:58 +0100 Subject: [PATCH 05/14] linter fixes --- src/components/featureInfo.tsx | 94 +++++++++++++++++++++++++--------- 1 file changed, 71 insertions(+), 23 deletions(-) diff --git a/src/components/featureInfo.tsx b/src/components/featureInfo.tsx index b25f52da9a9b3a..6188824700c632 100644 --- a/src/components/featureInfo.tsx +++ b/src/components/featureInfo.tsx @@ -1,22 +1,36 @@ +'use client'; + import type {ReactNode} from 'react'; +import {Fragment} from 'react'; +import Link from 'next/link'; + import {ExternalLink} from './externalLink'; type FeatureKey = 'issues' | 'tracing' | 'sessionReplay' | 'logs' | 'profiling' | 'userFeedback'; const FEATURE_DATA: Record = { issues: { title: 'Issues', link: '/product/issues', learnMore: "Sentry's core error monitoring product that automatically reports errors, uncaught exceptions, and unhandled rejections. If you have something that looks like an exception, Sentry can capture it.", findInSentry: ( - <> - Open the Issues page and select an error from the issues list to view the full details and context of this error. For more details, see this interactive walkthrough. - + + Open the{' '} + + Issues + {' '} + page and select an error from the issues list to view the full details + and context of this error. For more details, see this{' '} + + interactive walkthrough + + . + ), }, tracing: { @@ -24,9 +38,18 @@ const FEATURE_DATA: Record - Open the 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. - + + Open the{' '} + + 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 + + . + ), }, sessionReplay: { @@ -34,9 +57,15 @@ const FEATURE_DATA: Record - Open the 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. - + + Open the{' '} + + 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. + ), }, logs: { @@ -44,9 +73,15 @@ const FEATURE_DATA: Record - Open the Logs page and filter by service, environment, or search keywords to view log entries from your application. For an interactive UI walkthrough, click here. - + + Open the{' '} + + Logs + {' '} + page and filter by service, environment, or search keywords to view log + entries from your application. For an interactive UI walkthrough, click{' '} + here. + ), }, profiling: { @@ -54,9 +89,15 @@ const FEATURE_DATA: Record - Open the Profiles page, select a transaction, and then a profile ID to view its flame graph. For more information, click here. - + + Open the{' '} + + Profiles + {' '} + page, select a transaction, and then a profile ID to view its flame + graph. For more information, click{' '} + here. + ), }, userFeedback: { @@ -64,9 +105,15 @@ const FEATURE_DATA: Record - Open the User Feedback page and click on individual feedback to see more details all in one view. For more information, click here. - + + Open the{' '} + + User Feedback + {' '} + page and click on individual feedback to see more details all in one + view. For more information, click{' '} + here. + ), }, }; @@ -96,9 +143,10 @@ export function FeatureInfo({features, type}: FeatureInfoProps) { {key === 'issues' && ' (always enabled)'}: {feature.learnMore} ); - } else { - return
  • {feature.findInSentry}
    • ; } + + return
  • {feature.findInSentry}
    • ; + })} ); From bab0dc4a9888480b15bb484223e7e8bcf28488de Mon Sep 17 00:00:00 2001 From: Sarah Mischinger Date: Tue, 10 Mar 2026 14:53:56 +0100 Subject: [PATCH 06/14] component fix --- src/components/featureInfo.tsx | 17 +++++++---------- 1 file changed, 7 insertions(+), 10 deletions(-) diff --git a/src/components/featureInfo.tsx b/src/components/featureInfo.tsx index 6188824700c632..5c7a717fea19e9 100644 --- a/src/components/featureInfo.tsx +++ b/src/components/featureInfo.tsx @@ -1,8 +1,5 @@ -'use client'; - import type {ReactNode} from 'react'; import {Fragment} from 'react'; -import Link from 'next/link'; import {ExternalLink} from './externalLink'; @@ -26,9 +23,9 @@ const FEATURE_DATA: Record{' '} page and select an error from the issues list to view the full details and context of this error. For more details, see this{' '} - + interactive walkthrough - + . ), @@ -45,9 +42,9 @@ const FEATURE_DATA: Record{' '} page and select a trace to reveal more information about each span, its duration, and any errors. For an interactive UI walkthrough, click{' '} - + here - + . ), @@ -80,7 +77,7 @@ const FEATURE_DATA: Record{' '} page and filter by service, environment, or search keywords to view log entries from your application. For an interactive UI walkthrough, click{' '} - here. + here. ), }, @@ -96,7 +93,7 @@ const FEATURE_DATA: Record{' '} page, select a transaction, and then a profile ID to view its flame graph. For more information, click{' '} - here. + here. ), }, @@ -112,7 +109,7 @@ const FEATURE_DATA: Record{' '} page and click on individual feedback to see more details all in one view. For more information, click{' '} - here. + here. ), }, From 76ca9a3b7a4b80b2b17386652b058454503ff952 Mon Sep 17 00:00:00 2001 From: "getsantry[bot]" <66042841+getsantry[bot]@users.noreply.github.com> Date: Tue, 10 Mar 2026 13:55:18 +0000 Subject: [PATCH 07/14] [getsentry/action-github-commit] Auto commit --- src/components/featureInfo.tsx | 72 ++++++++++++++++++++-------------- 1 file changed, 43 insertions(+), 29 deletions(-) diff --git a/src/components/featureInfo.tsx b/src/components/featureInfo.tsx index 5c7a717fea19e9..5376e200186aad 100644 --- a/src/components/featureInfo.tsx +++ b/src/components/featureInfo.tsx @@ -3,26 +3,36 @@ import {Fragment} from 'react'; import {ExternalLink} from './externalLink'; -type FeatureKey = 'issues' | 'tracing' | 'sessionReplay' | 'logs' | 'profiling' | 'userFeedback'; +type FeatureKey = + | 'issues' + | 'tracing' + | 'sessionReplay' + | 'logs' + | 'profiling' + | 'userFeedback'; -const FEATURE_DATA: Record = { +const FEATURE_DATA: Record< + FeatureKey, + { + findInSentry: ReactNode; + learnMore: ReactNode; + link: string; + title: string; + } +> = { issues: { title: 'Issues', link: '/product/issues', - learnMore: "Sentry's core error monitoring product that automatically reports errors, uncaught exceptions, and unhandled rejections. If you have something that looks like an exception, Sentry can capture it.", + learnMore: + "Sentry's core error monitoring product that automatically reports errors, uncaught exceptions, and unhandled rejections. If you have something that looks like an exception, Sentry can capture it.", findInSentry: ( Open the{' '} Issues {' '} - page and select an error from the issues list to view the full details - and context of this error. For more details, see this{' '} + page and select an error from the issues list to view the full details and context + of this error. For more details, see this{' '} interactive walkthrough @@ -33,15 +43,16 @@ const FEATURE_DATA: Record Open the{' '} Traces {' '} - page and select a trace to reveal more information about each span, its - duration, and any errors. For an interactive UI walkthrough, click{' '} + page and select a trace to reveal more information about each span, its duration, + and any errors. For an interactive UI walkthrough, click{' '} here @@ -52,31 +63,32 @@ const FEATURE_DATA: Record Open the{' '} 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. + 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. ), }, logs: { title: 'Logs', link: '/product/explore/logs', - learnMore: "Centralize and analyze your application logs to correlate them with errors and performance issues. Search, filter, and visualize log data to understand what's happening in your applications.", + learnMore: + "Centralize and analyze your application logs to correlate them with errors and performance issues. Search, filter, and visualize log data to understand what's happening in your applications.", findInSentry: ( Open the{' '} Logs {' '} - page and filter by service, environment, or search keywords to view log - entries from your application. For an interactive UI walkthrough, click{' '} + page and filter by service, environment, or search keywords to view log entries + from your application. For an interactive UI walkthrough, click{' '} here. ), @@ -84,15 +96,16 @@ const FEATURE_DATA: Record Open the{' '} Profiles {' '} - page, select a transaction, and then a profile ID to view its flame - graph. For more information, click{' '} + page, select a transaction, and then a profile ID to view its flame graph. For + more information, click{' '} here. ), @@ -100,16 +113,16 @@ const FEATURE_DATA: Record Open the{' '} User Feedback {' '} - page and click on individual feedback to see more details all in one - view. For more information, click{' '} - here. + page and click on individual feedback to see more details all in one view. For + more information, click here. ), }, @@ -136,14 +149,15 @@ export function FeatureInfo({features, type}: FeatureInfoProps) { if (type === 'learnMore') { return (
  • - {feature.title} + + {feature.title} + {key === 'issues' && ' (always enabled)'}: {feature.learnMore}
    • ); } return
  • {feature.findInSentry}
    • ; - })} ); From 7e3f9a623ff5982e7b3c5da464e47d1bdddb579f Mon Sep 17 00:00:00 2001 From: Sarah Mischinger Date: Wed, 11 Mar 2026 11:09:38 +0100 Subject: [PATCH 08/14] PR feedback --- includes/quick-start-locate-data-expandable.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/includes/quick-start-locate-data-expandable.mdx b/includes/quick-start-locate-data-expandable.mdx index 1baf8f411ecf01..002913073a8590 100644 --- a/includes/quick-start-locate-data-expandable.mdx +++ b/includes/quick-start-locate-data-expandable.mdx @@ -37,7 +37,7 @@ import { FeatureInfo } from "sentry-docs/components/featureInfo"; - + From 0c8ae18b0c2c3b2272f46704abf1d45b2f353320 Mon Sep 17 00:00:00 2001 From: Sarah Mischinger Date: Mon, 16 Mar 2026 11:07:10 +0100 Subject: [PATCH 09/14] PR review feedback --- includes/quick-start-features-expandable.mdx | 8 +++---- .../quick-start-locate-data-expandable.mdx | 17 +++++++++----- src/components/featureInfo.tsx | 22 ++++++++++++++++++- 3 files changed, 37 insertions(+), 10 deletions(-) diff --git a/includes/quick-start-features-expandable.mdx b/includes/quick-start-features-expandable.mdx index 523363c733dfc0..bf3c5ca36b67f3 100644 --- a/includes/quick-start-features-expandable.mdx +++ b/includes/quick-start-features-expandable.mdx @@ -16,7 +16,7 @@ import { FeatureInfo } from "sentry-docs/components/featureInfo"; type="learnMore" /> - + - + @@ -33,12 +33,12 @@ import { FeatureInfo } from "sentry-docs/components/featureInfo"; type="learnMore" /> - + - +     diff --git a/includes/quick-start-locate-data-expandable.mdx b/includes/quick-start-locate-data-expandable.mdx index 002913073a8590..1fba4c32193e23 100644 --- a/includes/quick-start-locate-data-expandable.mdx +++ b/includes/quick-start-locate-data-expandable.mdx @@ -16,15 +16,22 @@ import { FeatureInfo } from "sentry-docs/components/featureInfo"; type="findInSentry" /> - +     - + @@ -33,12 +40,12 @@ import { FeatureInfo } from "sentry-docs/components/featureInfo"; type="findInSentry" /> - + - +     diff --git a/src/components/featureInfo.tsx b/src/components/featureInfo.tsx index 5376e200186aad..bae5f585ef9945 100644 --- a/src/components/featureInfo.tsx +++ b/src/components/featureInfo.tsx @@ -9,7 +9,8 @@ type FeatureKey = | 'sessionReplay' | 'logs' | 'profiling' - | 'userFeedback'; + | 'userFeedback' + | 'metrics'; const FEATURE_DATA: Record< FeatureKey, @@ -126,6 +127,25 @@ const FEATURE_DATA: Record< ), }, + metrics: { + title: 'Metrics', + link: '/product/explore/metrics', + learnMore: + "Track and analyze custom metrics, such as response times and database query durations, to understand trends and patterns in your application's performance and behavior over time.", + findInSentry: ( + + Open the{' '} + + Metrics + {' '} + page to view and analyze your custom metrics. For more details, see this{' '} + + interactive walkthrough + + . + + ), + }, }; type FeatureInfoProps = { From 0e704a9f0424a0f3f9d79ec85e09947aedc257a9 Mon Sep 17 00:00:00 2001 From: Sarah Mischinger Date: Mon, 16 Mar 2026 11:18:48 +0100 Subject: [PATCH 10/14] update feature order --- ...eatures-expandable-cloudflare-frameworks.mdx | 2 +- includes/quick-start-features-expandable.mdx | 10 +++++----- ...te-data-expandable-cloudflare-frameworks.mdx | 2 +- includes/quick-start-locate-data-expandable.mdx | 17 +++++------------ 4 files changed, 12 insertions(+), 19 deletions(-) diff --git a/includes/quick-start-features-expandable-cloudflare-frameworks.mdx b/includes/quick-start-features-expandable-cloudflare-frameworks.mdx index 4eb88f5d1264ca..fc54d571892c2e 100644 --- a/includes/quick-start-features-expandable-cloudflare-frameworks.mdx +++ b/includes/quick-start-features-expandable-cloudflare-frameworks.mdx @@ -3,7 +3,7 @@ import { FeatureInfo } from "sentry-docs/components/featureInfo"; diff --git a/includes/quick-start-features-expandable.mdx b/includes/quick-start-features-expandable.mdx index bf3c5ca36b67f3..d3be59cddbefee 100644 --- a/includes/quick-start-features-expandable.mdx +++ b/includes/quick-start-features-expandable.mdx @@ -7,10 +7,10 @@ import { FeatureInfo } from "sentry-docs/components/featureInfo"; @@ -29,7 +29,7 @@ import { FeatureInfo } from "sentry-docs/components/featureInfo"; @@ -37,7 +37,7 @@ import { FeatureInfo } from "sentry-docs/components/featureInfo"; - + diff --git a/includes/quick-start-locate-data-expandable-cloudflare-frameworks.mdx b/includes/quick-start-locate-data-expandable-cloudflare-frameworks.mdx index 86791fdb8b0805..062f60ba3a67d6 100644 --- a/includes/quick-start-locate-data-expandable-cloudflare-frameworks.mdx +++ b/includes/quick-start-locate-data-expandable-cloudflare-frameworks.mdx @@ -3,7 +3,7 @@ import { FeatureInfo } from "sentry-docs/components/featureInfo"; diff --git a/includes/quick-start-locate-data-expandable.mdx b/includes/quick-start-locate-data-expandable.mdx index 1fba4c32193e23..466a8883a61d87 100644 --- a/includes/quick-start-locate-data-expandable.mdx +++ b/includes/quick-start-locate-data-expandable.mdx @@ -7,10 +7,10 @@ import { FeatureInfo } from "sentry-docs/components/featureInfo"; @@ -36,7 +29,7 @@ import { FeatureInfo } from "sentry-docs/components/featureInfo"; @@ -44,7 +37,7 @@ import { FeatureInfo } from "sentry-docs/components/featureInfo"; - + From 5b72cf8f196eb7aef4a79801b0ec915e792539e0 Mon Sep 17 00:00:00 2001 From: "getsantry[bot]" <66042841+getsantry[bot]@users.noreply.github.com> Date: Mon, 16 Mar 2026 10:26:33 +0000 Subject: [PATCH 11/14] [getsentry/action-github-commit] Auto commit --- src/components/featureInfo.tsx | 5 +---- 1 file changed, 1 insertion(+), 4 deletions(-) diff --git a/src/components/featureInfo.tsx b/src/components/featureInfo.tsx index bae5f585ef9945..c4e66901653eae 100644 --- a/src/components/featureInfo.tsx +++ b/src/components/featureInfo.tsx @@ -139,10 +139,7 @@ const FEATURE_DATA: Record< Metrics {' '} page to view and analyze your custom metrics. For more details, see this{' '} - - interactive walkthrough - - . + interactive walkthrough. ), }, From c3e4772904cbc31f6a01cc09271e80c497df5db0 Mon Sep 17 00:00:00 2001 From: Sarah Mischinger Date: Mon, 16 Mar 2026 13:29:04 +0100 Subject: [PATCH 12/14] update external links --- src/components/featureInfo.tsx | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/src/components/featureInfo.tsx b/src/components/featureInfo.tsx index bae5f585ef9945..6a5a07f75ad7f9 100644 --- a/src/components/featureInfo.tsx +++ b/src/components/featureInfo.tsx @@ -29,7 +29,7 @@ const FEATURE_DATA: Record< findInSentry: ( Open the{' '} - + Issues {' '} page and select an error from the issues list to view the full details and context @@ -49,7 +49,7 @@ const FEATURE_DATA: Record< findInSentry: ( Open the{' '} - + Traces {' '} page and select a trace to reveal more information about each span, its duration, @@ -69,7 +69,7 @@ const FEATURE_DATA: Record< findInSentry: ( Open the{' '} - + Replays {' '} page and select an entry from the list to get a detailed view where you can replay @@ -85,7 +85,7 @@ const FEATURE_DATA: Record< findInSentry: ( Open the{' '} - + Logs {' '} page and filter by service, environment, or search keywords to view log entries @@ -102,7 +102,7 @@ const FEATURE_DATA: Record< findInSentry: ( Open the{' '} - + Profiles {' '} page, select a transaction, and then a profile ID to view its flame graph. For @@ -119,7 +119,7 @@ const FEATURE_DATA: Record< findInSentry: ( Open the{' '} - + User Feedback {' '} page and click on individual feedback to see more details all in one view. For @@ -135,7 +135,7 @@ const FEATURE_DATA: Record< findInSentry: ( Open the{' '} - + Metrics {' '} page to view and analyze your custom metrics. For more details, see this{' '} From 0919d3407ba4d02c5ce38477e70adc33cca5f797 Mon Sep 17 00:00:00 2001 From: Sarah Mischinger Date: Tue, 17 Mar 2026 07:42:32 +0100 Subject: [PATCH 13/14] update Remix include --- docs/platforms/javascript/guides/remix/index.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/platforms/javascript/guides/remix/index.mdx b/docs/platforms/javascript/guides/remix/index.mdx index f3868a94d0739a..d5ed822cf07dfa 100644 --- a/docs/platforms/javascript/guides/remix/index.mdx +++ b/docs/platforms/javascript/guides/remix/index.mdx @@ -95,7 +95,7 @@ Now, head over to your project on [Sentry.io](https://sentry.io) to view the col - + ## Next Steps From f6a1a7630bbe6d753f9c5c594fd023bf6c672cd0 Mon Sep 17 00:00:00 2001 From: Sarah Mischinger Date: Tue, 17 Mar 2026 07:53:28 +0100 Subject: [PATCH 14/14] update platfomContent to Include --- platform-includes/getting-started-complete/javascript.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/platform-includes/getting-started-complete/javascript.mdx b/platform-includes/getting-started-complete/javascript.mdx index c7896bd3e186e4..3cc6257b3b8d72 100644 --- a/platform-includes/getting-started-complete/javascript.mdx +++ b/platform-includes/getting-started-complete/javascript.mdx @@ -42,7 +42,7 @@ Choose the features you want to configure, and this guide will show you how: 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). - + At this point, you should have integrated Sentry into your JavaScript application and should already be sending data to your Sentry project.