Skip to content

feat(component): Create new component for feature information in quick start guides #16855

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
inventarSarah merged 23 commits into from
Mar 17, 2026
Merged

feat(component): Create new component for feature information in quick start guides #16855

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
23 commits
Select commit Hold shift + click to select a range
f64edb4
update feature includes in JS quick start guides
inventarSarah Mar 10, 2026
68c4e2a
update links
inventarSarah Mar 10, 2026
da03e7b
Merge branch 'master' of github.com:getsentry/sentry-docs into smi/qu…
inventarSarah Mar 10, 2026
34ec7b0
remove test formatting
inventarSarah Mar 10, 2026
e09199c
Merge branch 'master' of github.com:getsentry/sentry-docs into smi/qu…
inventarSarah Mar 10, 2026
b288419
fix import
inventarSarah Mar 10, 2026
ef42b21
linter fixes
inventarSarah Mar 10, 2026
0b2aadc
Merge branch 'master' of github.com:getsentry/sentry-docs into smi/qu…
inventarSarah Mar 10, 2026
bab0dc4
component fix
inventarSarah Mar 10, 2026
76ca9a3
[getsentry/action-github-commit] Auto commit
getsantry[bot] Mar 10, 2026
0dcffb0
Merge branch 'master' into smi/quick-start/clean-up-includes
inventarSarah Mar 11, 2026
8130a62
Merge branch 'master' of github.com:getsentry/sentry-docs into smi/qu…
inventarSarah Mar 11, 2026
7e3f9a6
PR feedback
inventarSarah Mar 11, 2026
406626c
Merge branch 'smi/quick-start/clean-up-includes' of github.com:getsen…
inventarSarah Mar 11, 2026
09e08ac
Merge branch 'master' of github.com:getsentry/sentry-docs into smi/qu…
inventarSarah Mar 16, 2026
0c8ae18
PR review feedback
inventarSarah Mar 16, 2026
0e704a9
update feature order
inventarSarah Mar 16, 2026
5b72cf8
[getsentry/action-github-commit] Auto commit
getsantry[bot] Mar 16, 2026
c3e4772
update external links
inventarSarah Mar 16, 2026
7633886
Merge branch 'smi/quick-start/clean-up-includes' of github.com:getsen…
inventarSarah Mar 16, 2026
3e7cd75
Merge branch 'master' into smi/quick-start/clean-up-includes
inventarSarah Mar 17, 2026
0919d34
update Remix include
inventarSarah Mar 17, 2026
f6a1a76
update platfomContent to Include
inventarSarah Mar 17, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions docs/platforms/javascript/guides/angular/index.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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.

<PlatformContent includePath="getting-started-features-expandable" />
<Include name="quick-start-features-expandable" />

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.

Expand Down Expand Up @@ -71,7 +71,7 @@ Now, head over to your project on [Sentry.io](https://sentry.io) to view the col

<PlatformContent includePath="getting-started-browser-sandbox-warning" />

<PlatformContent includePath="getting-started-verify-locate-data" />
<Include name="quick-start-locate-data-expandable" />

## Next Steps

Expand Down
4 changes: 2 additions & 2 deletions docs/platforms/javascript/guides/angular/manual-setup.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -75,7 +75,7 @@ Choose the features you want to configure, and this guide will show you how:
]}
/>

<PlatformContent includePath="getting-started-features-expandable" />
<Include name="quick-start-features-expandable" />

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.
Expand Down Expand Up @@ -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).

<PlatformContent includePath="getting-started-verify-locate-data" />
<Include name="quick-start-locate-data-expandable" />

## Next Steps

Expand Down
5 changes: 1 addition & 4 deletions docs/platforms/javascript/guides/astro/index.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -41,9 +41,6 @@ Choose the features you want to configure, and this guide will show you how:
]}
/>

<PlatformContent
includePath="getting-started-features-expandable"
platform="javascript.astro"
/>
<Include name="quick-start-features-expandable" />

<PlatformContent includePath="getting-started-complete" />
4 changes: 2 additions & 2 deletions docs/platforms/javascript/guides/azure-functions/index.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@ Choose the features you want to configure, and this guide will show you how:
options={["error-monitoring", "performance", "profiling", "logs"]}
/>

<PlatformContent includePath="getting-started-features-expandable" />
<Include name="quick-start-features-expandable" />

### Install the Sentry SDK

Expand Down Expand Up @@ -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).

<PlatformContent includePath="getting-started-verify-locate-data" />
<Include name="quick-start-locate-data-expandable" />

## Next Steps

Expand Down
4 changes: 2 additions & 2 deletions docs/platforms/javascript/guides/bun/index.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@ Choose the features you want to configure, and this guide will show you how:
options={["error-monitoring", "performance", "logs"]}
/>

<PlatformContent includePath="getting-started-features-expandable" />
<Include name="quick-start-features-expandable" />

### Install the SDK

Expand Down Expand Up @@ -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).

<PlatformContent includePath="getting-started-verify-locate-data" />
<Include name="quick-start-locate-data-expandable" />

## Next Steps

Expand Down
4 changes: 2 additions & 2 deletions docs/platforms/javascript/guides/capacitor/index.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -58,7 +58,7 @@ Choose the features you want to configure, and this guide will show you how:
]}
/>

<PlatformContent includePath="getting-started-features-expandable" />
<Include name="quick-start-features-expandable" />

### Initialize the Sentry SDK

Expand Down Expand Up @@ -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).

<PlatformContent includePath="getting-started-verify-locate-data" />
<Include name="quick-start-locate-data-expandable" />

## Next Steps

Expand Down
7 changes: 5 additions & 2 deletions docs/platforms/javascript/guides/cloudflare/frameworks/astro.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -80,6 +80,9 @@ export const onRequest = [
]}
/>

<PlatformContent includePath="getting-started-features-expandable" platform="javascript.astro" />
<Include name="quick-start-features-expandable-cloudflare-frameworks" />

<PlatformContent includePath="getting-started-complete" platform="javascript.astro" />
<PlatformContent
includePath="getting-started-complete"
platform="javascript.astro"
/>
12 changes: 7 additions & 5 deletions docs/platforms/javascript/guides/cloudflare/frameworks/hono.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,10 +6,10 @@ description: "Learn how to instrument your Hono app on Cloudflare Workers and ca
<PlatformContent includePath="getting-started-primer" />

<Alert type="warning" title="Community Middleware Deprecation">
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.
</Alert>

## Step 1: Install
Expand All @@ -20,7 +20,7 @@ Choose the features you want to configure, and this guide will show you how:
options={["error-monitoring", "performance", "logs"]}
/>

<PlatformContent includePath="getting-started-features-expandable" />
<Include name="quick-start-features-expandable" />
Copy link
Copy Markdown
Member

@chargome chargome Mar 13, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
<Include name="quick-start-features-expandable" />
<Include name="quick-start-features-expandable-cloudflare-frameworks" />

Copy link
Copy Markdown
Member

@chargome chargome Mar 13, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I might be wrong here, would this add frontend only features?

Copy link
Copy Markdown
Collaborator Author

@inventarSarah inventarSarah Mar 16, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This gets the default Cloudflare version of the include, which contains the same features as Hono on Cloudflare.


### Install the Sentry SDK

Expand Down Expand Up @@ -83,6 +83,8 @@ export default Sentry.withSentry(
platform="javascript.hono"
/>

<Include name="quick-start-locate-data-expandable" />

## Next Steps

At this point, you should have integrated Sentry and should already be sending data to your Sentry project.
Expand Down
7 changes: 2 additions & 5 deletions docs/platforms/javascript/guides/cloudflare/frameworks/hydrogen-react-router.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -30,10 +30,7 @@ Choose the features you want to configure, and this guide will show you how:
]}
/>

<PlatformContent
includePath="getting-started-features-expandable"
platform="javascript.react-router"
/>
<Include name="quick-start-features-expandable-cloudflare-frameworks" />

### Install the Sentry SDK

Expand Down Expand Up @@ -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).

<PlatformContent includePath="getting-started-verify-locate-data" />
<Include name="quick-start-locate-data-expandable-cloudflare-frameworks" />

## Next Steps

Expand Down
5 changes: 1 addition & 4 deletions docs/platforms/javascript/guides/cloudflare/frameworks/remix.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -22,10 +22,7 @@ Choose the features you want to configure, and this guide will show you how:
]}
/>

<PlatformContent
includePath="getting-started-features-expandable"
platform="javascript.remix"
/>
<Include name="quick-start-features-expandable-cloudflare-frameworks" />

### Install the Sentry SDK

Expand Down
4 changes: 2 additions & 2 deletions docs/platforms/javascript/guides/cloudflare/index.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -34,7 +34,7 @@ Choose the features you want to configure, and this guide will show you how:
options={["error-monitoring", "performance", "logs"]}
/>

<PlatformContent includePath="getting-started-features-expandable" />
<Include name="quick-start-features-expandable" />

### Install the Sentry SDK

Expand Down Expand Up @@ -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).

<PlatformContent includePath="getting-started-verify-locate-data" />
<Include name="quick-start-locate-data-expandable" />

## Known Limitations

Expand Down
4 changes: 2 additions & 2 deletions docs/platforms/javascript/guides/deno/index.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,7 @@ Choose the features you want to configure, and this guide will show you how:
options={["error-monitoring", "performance", "logs"]}
/>

<PlatformContent includePath="getting-started-features-expandable" />
<Include name="quick-start-features-expandable" />

### Import the Sentry SDK

Expand Down Expand Up @@ -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).

<PlatformContent includePath="getting-started-verify-locate-data" />
<Include name="quick-start-locate-data-expandable" />

## Next Steps

Expand Down
4 changes: 2 additions & 2 deletions docs/platforms/javascript/guides/electron/index.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -41,7 +41,7 @@ Choose the features you want to configure, and this guide will show you how:
]}
/>

<PlatformContent includePath="getting-started-features-expandable" />
<Include name="quick-start-features-expandable" />

You should initialize the SDK in both the `main` process and every `renderer` process you spawn.

Expand Down Expand Up @@ -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).

<PlatformContent includePath="getting-started-verify-locate-data" />
<Include name="quick-start-locate-data-expandable" />

## Next Steps

Expand Down
4 changes: 2 additions & 2 deletions docs/platforms/javascript/guides/ember/index.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -31,7 +31,7 @@ Choose the features you want to configure, and this guide will show you how:
]}
/>

<PlatformContent includePath="getting-started-features-expandable" />
<Include name="quick-start-features-expandable" />

### Initialize the SDK

Expand Down Expand Up @@ -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).

<PlatformContent includePath="getting-started-verify-locate-data" />
<Include name="quick-start-locate-data-expandable" />

## Next Steps

Expand Down
4 changes: 2 additions & 2 deletions docs/platforms/javascript/guides/firebase/index.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -33,7 +33,7 @@ Choose the features you want to configure, and this guide will show you how:
options={["error-monitoring", "performance", "profiling", "logs"]}
/>

<PlatformContent includePath="getting-started-features-expandable" />
<Include name="quick-start-features-expandable" />

### Install the Sentry SDK

Expand Down Expand Up @@ -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).

<PlatformContent includePath="getting-started-verify-locate-data" />
<Include name="quick-start-locate-data-expandable" />

## Next Steps

Expand Down
4 changes: 2 additions & 2 deletions docs/platforms/javascript/guides/gatsby/index.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -76,7 +76,7 @@ Choose the features you want to configure, and this guide will show you how:
]}
/>

<PlatformContent includePath="getting-started-features-expandable" />
<Include name="quick-start-features-expandable" />

### Initialize the Sentry SDK

Expand Down Expand Up @@ -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).

<PlatformContent includePath="getting-started-verify-locate-data" />
<Include name="quick-start-locate-data-expandable" />

## Next Steps

Expand Down
4 changes: 2 additions & 2 deletions docs/platforms/javascript/guides/gcp-functions/index.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -31,7 +31,7 @@ Choose the features you want to configure, and this guide will show you how:
options={["error-monitoring", "performance", "profiling", "logs"]}
/>

<PlatformContent includePath="getting-started-features-expandable" />
<Include name="quick-start-features-expandable" />

### Install the Sentry SDK

Expand Down Expand Up @@ -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).

<PlatformContent includePath="getting-started-verify-locate-data" />
<Include name="quick-start-locate-data-expandable" />

## Next Steps

Expand Down
4 changes: 2 additions & 2 deletions docs/platforms/javascript/guides/nestjs/index.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -29,7 +29,7 @@ Choose the features you want to configure, and this guide will show you how:
options={["error-monitoring", "performance", "profiling", "logs"]}
/>

<PlatformContent includePath="getting-started-features-expandable" />
<Include name="quick-start-features-expandable" />

### Initialize the Sentry SDK

Expand Down Expand Up @@ -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).

<PlatformContent includePath="getting-started-verify-locate-data" />
<Include name="quick-start-locate-data-expandable" />

## Next Steps

Expand Down
11 changes: 6 additions & 5 deletions docs/platforms/javascript/guides/nuxt/index.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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.

<PlatformContent includePath="getting-started-features-expandable" />
<Include name="quick-start-features-expandable" />

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.

Expand Down Expand Up @@ -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.

<Alert>
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.
</Alert>

### Run in Production Mode (Recommended)
Expand Down Expand Up @@ -95,7 +96,7 @@ Now, head over to your project on [Sentry.io](https://sentry.io/) to view the co

<PlatformContent includePath="getting-started-browser-sandbox-warning" />

<PlatformContent includePath="getting-started-verify-locate-data" />
<Include name="quick-start-locate-data-expandable" />

## Next Steps

Expand Down
4 changes: 2 additions & 2 deletions docs/platforms/javascript/guides/react-router/index.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -84,7 +84,7 @@ Select which Sentry features you'd like to install in addition to Error Monitori
]}
/>

<PlatformContent includePath="getting-started-features-expandable" />
<Include name="quick-start-features-expandable" />

<SplitLayout>
<SplitSection>
Expand Down Expand Up @@ -248,7 +248,7 @@ Now, head over to your project on [Sentry.io](https://sentry.io) to view the col

<PlatformContent includePath="getting-started-browser-sandbox-warning" />

<PlatformContent includePath="getting-started-verify-locate-data" />
<Include name="quick-start-locate-data-expandable" />

## Next Steps

Expand Down
4 changes: 2 additions & 2 deletions docs/platforms/javascript/guides/react-router/manual-setup.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -73,7 +73,7 @@ Choose the features you want to configure, and this guide will show you how:
]}
/>

<PlatformContent includePath="getting-started-features-expandable" />
<Include name="quick-start-features-expandable" />

### Expose Entry Point Files

Expand Down Expand Up @@ -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).

<PlatformContent includePath="getting-started-verify-locate-data" />
<Include name="quick-start-locate-data-expandable" />

## Next Steps

Expand Down
Loading
Loading