Skip to content

docs(js): Add new CDN bundles #16223

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
chargome merged 2 commits into from
Jan 30, 2026
Merged

docs(js): Add new CDN bundles #16223

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
e8d94ef
document new bundles
chargome Jan 30, 2026
564a7f1
.
chargome Jan 30, 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
114 changes: 96 additions & 18 deletions docs/platforms/javascript/common/install/loader.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -240,18 +240,6 @@ Please be aware that both of these options will add delay to your `fetch` calls

Sentry supports loading the JavaScript SDK from a CDN. Generally we suggest using our Loader instead. If you _must_ use a CDN, see [Available Bundles](#available-bundles) below.

## Full Bundle

To use all Sentry features, including error monitoring, tracing, [Session Replay](../../session-replay), and [User Feedback](../../user-feedback), you can use the following bundle:

```html {tabTitle: CDN}
<script
src="https://browser.sentry-cdn.com/{{@inject packages.version('sentry.javascript.browser') }}/bundle.tracing.replay.feedback.min.js"
integrity="sha384-{{@inject packages.checksum('sentry.javascript.browser', 'bundle.tracing.replay.feedback.min.js', 'sha384-base64') }}"
crossorigin="anonymous"
></script>
```

## Performance Bundle

To use Sentry for error and tracing, you can use the following bundle:
Expand Down Expand Up @@ -300,6 +288,90 @@ If you only use Sentry for error monitoring, you can use the following bundle:
></script>
```

## Logs & Metrics Bundle

To use Sentry for error monitoring, logs, and metrics, you can use the following bundle:

```html {tabTitle: CDN}
<script
src="https://browser.sentry-cdn.com/{{@inject packages.version('sentry.javascript.browser') }}/bundle.logs.metrics.min.js"
integrity="sha384-{{@inject packages.checksum('sentry.javascript.browser', 'bundle.logs.metrics.min.js', 'sha384-base64') }}"
crossorigin="anonymous"
></script>
```

## Performance, Replay & Feedback Bundle

To use Sentry for error monitoring, tracing, [Session Replay](../../session-replay), and [User Feedback](../../user-feedback), you can use the following bundle:

```html {tabTitle: CDN}
<script
src="https://browser.sentry-cdn.com/{{@inject packages.version('sentry.javascript.browser') }}/bundle.tracing.replay.feedback.min.js"
integrity="sha384-{{@inject packages.checksum('sentry.javascript.browser', 'bundle.tracing.replay.feedback.min.js', 'sha384-base64') }}"
crossorigin="anonymous"
></script>
```

## Replay & Feedback Bundle

To use Sentry for error monitoring, [Session Replay](../../session-replay), and [User Feedback](../../user-feedback), you can use the following bundle:

```html {tabTitle: CDN}
<script
src="https://browser.sentry-cdn.com/{{@inject packages.version('sentry.javascript.browser') }}/bundle.replay.feedback.min.js"
integrity="sha384-{{@inject packages.checksum('sentry.javascript.browser', 'bundle.replay.feedback.min.js', 'sha384-base64') }}"
crossorigin="anonymous"
></script>
```

## Performance, Logs & Metrics Bundle

To use Sentry for error monitoring, tracing, logs, and metrics, you can use the following bundle:

```html {tabTitle: CDN}
<script
src="https://browser.sentry-cdn.com/{{@inject packages.version('sentry.javascript.browser') }}/bundle.tracing.logs.metrics.min.js"
integrity="sha384-{{@inject packages.checksum('sentry.javascript.browser', 'bundle.tracing.logs.metrics.min.js', 'sha384-base64') }}"
crossorigin="anonymous"
></script>
```

## Replay, Logs & Metrics Bundle

To use Sentry for error monitoring, [Session Replay](../../session-replay), logs, and metrics, you can use the following bundle:

```html {tabTitle: CDN}
<script
src="https://browser.sentry-cdn.com/{{@inject packages.version('sentry.javascript.browser') }}/bundle.replay.logs.metrics.min.js"
integrity="sha384-{{@inject packages.checksum('sentry.javascript.browser', 'bundle.replay.logs.metrics.min.js', 'sha384-base64') }}"
crossorigin="anonymous"
></script>
```

## Performance, Replay, Logs & Metrics Bundle

To use Sentry for error monitoring, tracing, [Session Replay](../../session-replay), logs, and metrics, you can use the following bundle:

```html {tabTitle: CDN}
<script
src="https://browser.sentry-cdn.com/{{@inject packages.version('sentry.javascript.browser') }}/bundle.tracing.replay.logs.metrics.min.js"
integrity="sha384-{{@inject packages.checksum('sentry.javascript.browser', 'bundle.tracing.replay.logs.metrics.min.js', 'sha384-base64') }}"
crossorigin="anonymous"
></script>
```

## Full Bundle with All Features

To use all Sentry features including error monitoring, tracing, [Session Replay](../../session-replay), [User Feedback](../../user-feedback), logs, and metrics, you can use the following bundle:

```html {tabTitle: CDN}
<script
src="https://browser.sentry-cdn.com/{{@inject packages.version('sentry.javascript.browser') }}/bundle.tracing.replay.feedback.logs.metrics.min.js"
integrity="sha384-{{@inject packages.checksum('sentry.javascript.browser', 'bundle.tracing.replay.feedback.logs.metrics.min.js', 'sha384-base64') }}"
crossorigin="anonymous"
></script>
```

## Usage & Configuration

Once you've included the Sentry SDK bundle in your page, you can use Sentry in your own bundle:
Expand Down Expand Up @@ -329,12 +401,18 @@ Sentry.init({

Our CDN hosts a variety of bundles:

- `bundle.<modifiers>.js` is `@sentry/browser` with error monitoring only
- `bundle.tracing.<modifiers>.js` is `@sentry/browser` with error and tracing
- `bundle.replay.<modifiers>.js` is `@sentry/browser` with error and session replay
- `bundle.feedback.<modifiers>.js` is `@sentry/browser` with error and user feedback
- `bundle.tracing.replay.<modifiers>.js` is `@sentry/browser` with error, tracing and session replay
- `bundle.tracing.replay.feedback.<modifiers>.js` is `@sentry/browser` with error, tracing, session replay and user feedback
- `bundle.<modifiers>.js` - Base bundle with error monitoring only
- `bundle.tracing.<modifiers>.js` - Error monitoring and tracing
- `bundle.replay.<modifiers>.js` - Error monitoring and session replay
- `bundle.feedback.<modifiers>.js` - Error monitoring and user feedback
- `bundle.tracing.replay.<modifiers>.js` - Error monitoring, tracing, and session replay
- `bundle.replay.feedback.<modifiers>.js` - Error monitoring, session replay, and user feedback
- `bundle.tracing.replay.feedback.<modifiers>.js` - Error monitoring, tracing, session replay, and user feedback
- `bundle.logs.metrics.<modifiers>.js` - Error monitoring, logs, and metrics
- `bundle.replay.logs.metrics.<modifiers>.js` - Error monitoring, session replay, logs, and metrics
- `bundle.tracing.logs.metrics.<modifiers>.js` - Error monitoring, tracing, logs, and metrics
- `bundle.tracing.replay.logs.metrics.<modifiers>.js` - Error monitoring, tracing, session replay, logs, and metrics
- `bundle.tracing.replay.feedback.logs.metrics.<modifiers>.js` - Error monitoring, tracing, session replay, feedback, logs, and metrics

Additionally, each of the integrations in `@sentry/integrations` is available as a bundle named `<integration-name>.<modifiers>.js`.

Expand Down