add tracing and profiling explanation to check boxes (#10815)

* add tracing and profiling explanation * adding one more * add js section * update java * update jave * Update docs/platforms/javascript/common/index.mdx * Update docs/platforms/javascript/common/index.mdx * Update docs/platforms/javascript/common/index.mdx * Update docs/platforms/javascript/common/index.mdx * Update platform-includes/getting-started-node/javascript.mdx * more things to add * update js * add more js * correct mistake * update capacitor
getsentry · Jul 29, 2024 · 025509d · 025509d
1 parent 7a8c627
commit 025509d
Show file tree

Hide file tree

Showing 18 changed files with 123 additions and 7 deletions.
diff --git a/docs/platforms/android/index.mdx b/docs/platforms/android/index.mdx
@@ -20,6 +20,12 @@ If you don't already have an account and Sentry project established, head over t
 
 </Note>
 
+## Features
+
+In addition to capturing errors, you can monitor interactions between multiple services or applications by [enabling tracing](/concepts/key-terms/tracing/). You can also collect and analyze performance profiles from real users with [profiling](/product/explore/profiling/).
+
+Select which Sentry features you'd like to install in addition to Error Monitoring to get the corresponding installation and configuration instructions below.
+
 ## Install
 
 <OnboardingOptionButtons

diff --git a/docs/platforms/apple/common/index.mdx b/docs/platforms/apple/common/index.mdx
@@ -16,6 +16,12 @@ The support for [visionOS](https://developer.apple.com/visionos/) is currently e
 
 </PlatformSection>
 
+## Features
+
+In addition to capturing errors, you can monitor interactions between multiple services or applications by [enabling tracing](/concepts/key-terms/tracing/). You can also collect and analyze performance profiles from real users with [profiling](/product/explore/profiling/).
+
+Select which Sentry features you'd like to install in addition to Error Monitoring to get the corresponding installation and configuration instructions below.
+
 ## Install
 
 <OnboardingOptionButtons

diff --git a/docs/platforms/dart/index.mdx b/docs/platforms/dart/index.mdx
@@ -17,6 +17,12 @@ If you don't already have an account and Sentry project established, head over t
 
 </Note>
 
+## Features
+
+In addition to capturing errors, you can monitor interactions between multiple services or applications by [enabling tracing](/concepts/key-terms/tracing/).
+
+Select which Sentry features you'd like to install in addition to Error Monitoring to get the corresponding installation and configuration instructions below.
+
 ## Install
 
 <OnboardingOptionButtons

diff --git a/docs/platforms/dotnet/index.mdx b/docs/platforms/dotnet/index.mdx
@@ -14,10 +14,14 @@ If you don't already have an account and Sentry project established, head over t
 
 </Note>
 
-<GuideGrid platform="dotnet" />
-
 This <PlatformLink to="/compatibility/">SDK is compatible</PlatformLink> with the latest .NET and .NET Core platforms, as well as .NET Standard 2.0 and .NET Framework 4.6.1 or newer. You can use it with applications written in C#, VB.NET, F#, and other .NET programming languages. For older versions, such as .NET Framework 3.5, you may continue to use our <Link rel={`nofollow`} to={`/platforms/dotnet/legacy-sdk/`}>legacy SDK</Link>, until further notice.
 
+## Features
+
+In addition to capturing errors, you can monitor interactions between multiple services or applications by [enabling tracing](/concepts/key-terms/tracing/). You can also collect and analyze performance profiles from real users with [profiling](/product/explore/profiling/).
+
+Select which Sentry features you'd like to install in addition to Error Monitoring to get the corresponding installation and configuration instructions below.
+
 ## Install
 
 <OnboardingOptionButtons options={['error-monitoring', 'performance', 'profiling']}/>
@@ -96,3 +100,4 @@ catch (Exception ex)
     SentrySdk.CaptureException(ex);
 }
 ```
+<GuideGrid platform="dotnet" />
diff --git a/docs/platforms/flutter/index.mdx b/docs/platforms/flutter/index.mdx
@@ -19,6 +19,12 @@ If you don't already have an account and Sentry project established, head over t
 
 </Note>
 
+## Features
+
+In addition to capturing errors, you can monitor interactions between multiple services or applications by [enabling tracing](/concepts/key-terms/tracing/). You can also collect and analyze performance profiles from real users with [profiling](/product/explore/profiling/).
+
+Select which Sentry features you'd like to install in addition to Error Monitoring to get the corresponding installation and configuration instructions below.
+
 ## Install
 
 <OnboardingOptionButtons

diff --git a/docs/platforms/javascript/common/index.mdx b/docs/platforms/javascript/common/index.mdx
@@ -43,8 +43,24 @@ If you prefer to follow video instructions, see [How to Install the Sentry Next.
 
 <PlatformSection notSupported={["javascript.deno"]}>
 
+<PlatformCategorySection notSupported={["server"]}>
+  <PlatformSection notSupported={["javascript.cordova"]}>
+  </PlatformSection>
+</PlatformCategorySection>
+
+<PlatformCategorySection notSupported={["browser"]}>
+  <PlatformSection notSupported={["javascript.bun"]}>
+  </PlatformSection>
+  </PlatformCategorySection>
+
+<PlatformSection notSupported={["javascript", "javascript.cordova", "javascript.astro", "javascript.nextjs", "javascript.remix", "javascript.sveltekit"]}>
 ## Install
 
+In addition to capturing errors, you can monitor interactions between multiple services or applications by [enabling tracing](/concepts/key-terms/tracing/). You can also get to the root of an error or performance issue faster, by watching a video-like reproduction of a user session with [session replay](/product/explore/session-replay/web/getting-started/).
+
+Select which Sentry features you'd like to install in addition to Error Monitoring to get the corresponding installation and configuration instructions below.
+</PlatformSection>
+
 <PlatformCategorySection notSupported={["server"]}>
   <PlatformSection notSupported={["javascript", 'javascript.cordova']}>
     <OnboardingOptionButtons
@@ -53,13 +69,18 @@ If you prefer to follow video instructions, see [How to Install the Sentry Next.
   </PlatformSection>
 </PlatformCategorySection>
 
+
 <PlatformCategorySection notSupported={["browser"]}>
   <PlatformSection notSupported={["javascript.bun"]}>
     <OnboardingOptionButtons
       options={["error-monitoring", "performance", "profiling"]}
     />
   </PlatformSection>
 
+  In addition to capturing errors, you can monitor interactions between multiple services or applications by [enabling tracing](/concepts/key-terms/tracing/).
+
+Select which Sentry features you'd like to install in addition to Error Monitoring to get the corresponding installation and configuration instructions below.
+
   <PlatformSection supported={["javascript.bun"]}>
     <OnboardingOptionButtons options={["error-monitoring", "performance"]} />
   </PlatformSection>
@@ -90,11 +111,11 @@ Sentry supports multiple versions of React Router. See the <PlatformLink to="/co
 <PlatformContent includePath="getting-started-sourcemaps" />
 
 <PlatformSection supported={["javascript.bun"]}>
-  
+
   ## Use
-  
+
   <PlatformContent includePath="getting-started-use" />
-  
+
 </PlatformSection>
 
 

diff --git a/docs/platforms/javascript/guides/angular/angular1.mdx b/docs/platforms/javascript/guides/angular/angular1.mdx
@@ -11,6 +11,12 @@ From version 7 onwards, the Sentry JavaScript SDK will not support AngularJS 1.x
 
 </Alert>
 
+## Features
+
+In addition to capturing errors, you can monitor interactions between multiple services or applications by [enabling tracing](/concepts/key-terms/tracing/). You can also get to the root of an error or performance issue faster, by watching a video-like reproduction of a user session with [session replay](/product/explore/session-replay/web/getting-started/).
+
+Select which Sentry features you'd like to install in addition to Error Monitoring to get the corresponding installation and configuration instructions below.
+
 ### Install
 
 Install `@sentry/browser` and `@sentry/integrations` using `yarn` or `npm`:

diff --git a/docs/platforms/javascript/guides/aws-lambda/install/cjs-layer.mdx b/docs/platforms/javascript/guides/aws-lambda/install/cjs-layer.mdx
@@ -41,6 +41,10 @@ Finally, set the region and copy the provided ARN value into the input.
 
 The easiest way to set up the SDK is to start and configure it using environment variables. This way, you don't have to modify your Lambda function code.
 
+In addition to capturing errors, you can monitor interactions between multiple services or applications by [enabling tracing](/concepts/key-terms/tracing/).
+
+Select which Sentry features you'd like to install in addition to Error Monitoring to get the corresponding installation and configuration instructions below.
+
 <OnboardingOptionButtons options={["error-monitoring", "performance"]} />
 
 Set the following environment variables in your Lambda function configuration:

diff --git a/docs/platforms/javascript/guides/aws-lambda/install/cjs-npm.mdx b/docs/platforms/javascript/guides/aws-lambda/install/cjs-npm.mdx
@@ -16,6 +16,11 @@ Before you begin, make sure you have the following:
 
 ## 2. Install
 
+In addition to capturing errors, you can monitor interactions between multiple services or applications by [enabling tracing](/concepts/key-terms/tracing/). You can also collect and analyze performance profiles from real users with [profiling](/product/explore/profiling/).
+
+Select which Sentry features you'd like to install in addition to Error Monitoring to get the corresponding installation and configuration instructions below.
+
+
 <OnboardingOptionButtons
   options={["error-monitoring", "performance", "profiling"]}
 />

diff --git a/docs/platforms/javascript/guides/aws-lambda/install/esm-npm.mdx b/docs/platforms/javascript/guides/aws-lambda/install/esm-npm.mdx
@@ -24,6 +24,10 @@ Before you begin, make sure you have the following:
 
 ## 2. Install
 
+In addition to capturing errors, you can monitor interactions between multiple services or applications by [enabling tracing](/concepts/key-terms/tracing/). You can also collect and analyze performance profiles from real users with [profiling](/product/explore/profiling/).
+
+Select which Sentry features you'd like to install in addition to Error Monitoring to get the corresponding installation and configuration instructions below.
+
 <OnboardingOptionButtons
   options={["error-monitoring", "performance", "profiling"]}
 />

diff --git a/docs/platforms/javascript/guides/azure-functions/index.mdx b/docs/platforms/javascript/guides/azure-functions/index.mdx
@@ -1,12 +1,18 @@
 ---
 title: Azure Functions
-description: "Learn about using Sentry with Azure Functions."
+description: "Learn how to use Sentry's Azure Functions SDK."
 sdk: sentry.javascript.node
 fallbackGuide: javascript.node
 categories:
   - serverless
 ---
 
+## Features
+
+In addition to capturing errors, you can monitor interactions between multiple services or applications by [enabling tracing](/concepts/key-terms/tracing/). You can also collect and analyze performance profiles from real users with [profiling](/product/explore/profiling/).
+
+Select which Sentry features you'd like to install in addition to Error Monitoring to get the corresponding installation and configuration instructions below.
+
 ## Install
 
 <OnboardingOptionButtons

diff --git a/docs/platforms/javascript/guides/electron/index.mdx b/docs/platforms/javascript/guides/electron/index.mdx
@@ -8,6 +8,12 @@ categories:
 
 `@sentry/electron` is the official Sentry SDK for Electron applications. It can capture JavaScript exceptions in the `main` and `renderer` processes, as well as collect native crash reports (Minidumps).
 
+## Features
+
+In addition to capturing errors, you can monitor interactions between multiple services or applications by [enabling tracing](/concepts/key-terms/tracing/). You can also get to the root of an error or performance issue faster, by watching a video-like reproduction of a user session with [session replay](/product/explore/session-replay/web/getting-started/).
+
+Select which Sentry features you'd like to install in addition to Error Monitoring to get the corresponding installation and configuration instructions below.
+
 ## Install
 
 <OnboardingOptionButtons

diff --git a/docs/platforms/javascript/guides/gatsby/index.mdx b/docs/platforms/javascript/guides/gatsby/index.mdx
@@ -6,6 +6,12 @@ categories:
   - browser
 ---
 
+## Features
+
+In addition to capturing errors, you can monitor interactions between multiple services or applications by [enabling tracing](/concepts/key-terms/tracing/). You can also get to the root of an error or performance issue faster, by watching a video-like reproduction of a user session with [session replay](/product/explore/session-replay/web/getting-started/).
+
+Select which Sentry features you'd like to install in addition to Error Monitoring to get the corresponding installation and configuration instructions below.
+
 ## Install
 
 <OnboardingOptionButtons

diff --git a/docs/platforms/javascript/guides/gcp-functions/index.mdx b/docs/platforms/javascript/guides/gcp-functions/index.mdx
@@ -11,6 +11,12 @@ categories:
   This guide is for version 8.0.0 and up of `@sentry/google-cloud-serverless`.
 </Note>
 
+## Features
+
+In addition to capturing errors, you can monitor interactions between multiple services or applications by [enabling tracing](/concepts/key-terms/tracing/). You can also collect and analyze performance profiles from real users with [profiling](/product/explore/profiling/).
+
+Select which Sentry features you'd like to install in addition to Error Monitoring to get the corresponding installation and configuration instructions below.
+
 ## Install
 
 <OnboardingOptionButtons

diff --git a/docs/platforms/react-native/index.mdx b/docs/platforms/react-native/index.mdx
@@ -1,5 +1,6 @@
 ---
 title: React Native
+description: Learn how to set up Sentry's React Native SDK.
 sdk: sentry.javascript.react-native
 fallbackPlatform: javascript
 caseStyle: camelCase
@@ -8,14 +9,20 @@ categories:
   - mobile
 ---
 
-On this page, we get you up and running with Sentry's React Native SDK, automatically reporting errors and exceptions in your application. If you prefer to follow video instructions, see [How to Install the Sentry React Native SDK in 60 Seconds](https://vimeo.com/899369012).
+Read on to find out how to set up Sentry's React Native SDK which will automatically report errors and exceptions in your application. If you prefer to follow video instructions, see [How to Install the Sentry React Native SDK in 60 Seconds](https://vimeo.com/899369012).
 
 <Note>
 
 If you don't already have an account and Sentry project established, head over to [sentry.io](https://sentry.io/signup/), then return to this page.
 
 </Note>
 
+## Features
+
+In addition to capturing errors, you can monitor interactions between multiple services or applications by [enabling tracing](/concepts/key-terms/tracing/). You can also collect and analyze performance profiles from real users with [profiling](/product/explore/profiling/).
+
+Select which Sentry features you'd like to install in addition to Error Monitoring to get the corresponding installation and configuration instructions below.
+
 ## Install
 
 <OnboardingOptionButtons

diff --git a/docs/platforms/ruby/common/index.mdx b/docs/platforms/ruby/common/index.mdx
@@ -8,6 +8,12 @@ Don't already have an account and Sentry project established? Head over to [sent
 
 If you prefer to follow video instructions, see [How to Install the Sentry Ruby SDK in 60 Seconds](https://vimeo.com/899369197).
 
+## Features
+
+In addition to capturing errors, you can monitor interactions between multiple services or applications by [enabling tracing](/concepts/key-terms/tracing/). You can also collect and analyze performance profiles from real users with [profiling](/product/explore/profiling/).
+
+Select which Sentry features you'd like to install in addition to Error Monitoring to get the corresponding installation and configuration instructions below.
+
 ## Install
 
 <OnboardingOptionButtons

diff --git a/platform-includes/getting-started-config/javascript.deno.mdx b/platform-includes/getting-started-config/javascript.deno.mdx
@@ -1,3 +1,7 @@
+In addition to capturing errors, you can monitor interactions between multiple services or applications by [enabling tracing](/concepts/key-terms/tracing/).
+
+Select which Sentry features you'd like to install in addition to Error Monitoring to get the corresponding installation and configuration instructions below.
+
 <OnboardingOptionButtons options={["error-monitoring", "performance"]} />
 
 ```javascript {tabTitle: Deno}  {"onboardingOptions": {"performance": "5-9" }}

diff --git a/platform-includes/getting-started-node/javascript.mdx b/platform-includes/getting-started-node/javascript.mdx
@@ -1,5 +1,11 @@
 Don't already have an account and Sentry project established? Head over to [sentry.io](https://sentry.io/signup/), then return to this page.
 
+## Features
+
+In addition to capturing errors, you can monitor interactions between multiple services or applications by [enabling tracing](/concepts/key-terms/tracing/). You can also collect and analyze performance profiles from real users with [profiling](/product/explore/profiling/).
+
+Select which Sentry features you'd like to install in addition to Error Monitoring to get the corresponding installation and configuration instructions below.
+
 ## Install
 
 <OnboardingOptionButtons