Sentry

Start by connecting your Sentry project to your Vercel project.

Make sure to set your Sentry password by visiting the link in your welcome email from Sentry. If you haven't received it, ask your colleague to send you a member invitation from the Sentry UI.

Configure your app automatically by running the Sentry wizard in the root of your project:

1
npx @sentry/wizard@latest -i nextjs --saas --org {{SENTRY_ORG}} --project {{SENTRY_PROJECT}} --coming-from vercel

Start your development server and visit /sentry-example-page if you have set it up. Click the button to trigger a test error.

Or, trigger a sample error by calling a function that does not exist somewhere in your application.

myUndefinedFunction();

If you see an issue in your Sentry dashboard, you have successfully set up Sentry.

Start by connecting your Sentry project to your Vercel project.

Make sure to set your Sentry password by visiting the link in your welcome email from Sentry. If you haven't received it, ask your colleague to send you a member invitation from the Sentry UI.

Add the Sentry SDK as a dependency using npm or yarn:

1
npm install --save @sentry/react
2
// or yarn add @sentry/react

Initialize Sentry as early as possible in your application's lifecycle.

1
import * as Sentry from "@sentry/react";
2

3
Sentry.init({
4
  dsn: "{{SENTRY_DSN}}"
5
});
6

7
const container = document.getElementById("app");
8
const root = createRoot(container);
9
root.render(<App />);

Automatically upload your source maps to enable readable stack traces for Errors.

1
npx @sentry/wizard@latest -i sourcemaps --saas --coming-from vercel

This snippet contains an intentional error and can be used as a test to make sure that everything's working as expected.

1
return <button onClick={() => {throw new Error("This is your first error!");}}>Break the world</button>;

Start by connecting your Sentry project to your Vercel project.

Make sure to set your Sentry password by visiting the link in your welcome email from Sentry. If you haven't received it, ask your colleague to send you a member invitation from the Sentry UI.

Configure your app automatically by running the Sentry wizard in the root of your project:

1
npx @sentry/wizard@latest -i sveltekit --saas --org {{SENTRY_ORG}} --project {{SENTRY_PROJECT}} --coming-from vercel

Start your development server and visit /sentry-example-page if you have set it up. Click the button to trigger a test error.

Or, trigger a sample error by calling a function that does not exist somewhere in your application.

myUndefinedFunction();

If you see an issue in your Sentry dashboard, you have successfully set up Sentry.

Start by connecting your Sentry project to your Vercel project.

Make sure to set your Sentry password by visiting the link in your welcome email from Sentry. If you haven't received it, ask your colleague to send you a member invitation from the Sentry UI.

Configure your app automatically by running the Sentry wizard in the root of your project:

1
npx @sentry/wizard@latest -i nuxt --saas --org {{SENTRY_ORG}} --project {{SENTRY_PROJECT}} --coming-from vercel

Start your development server and visit /sentry-example-page if you have set it up. Click the button to trigger a test error.

Or, throw an error in a simple vue component.

1
<script setup>
2
  const triggerError = () => {
3
    throw new Error("Nuxt Button Error");
4
  };
5
</script>
6

7
<template>
8
  <button id="errorBtn" @click="triggerError">Trigger Error</button>
9
</template>

If you see an issue in your Sentry dashboard, you have successfully set up Sentry.

Start by connecting your Sentry project to your Vercel project.

Make sure to set your Sentry password by visiting the link in your welcome email from Sentry. If you haven't received it, ask your colleague to send you a member invitation from the Sentry UI.

Install the @sentry/astro package with the astro CLI:

1
npx astro add @sentry/astro

Open up your astro.config.mjs file and configure the DSN, and any other settings you need:

1
import { defineConfig } from "astro/config";
2
import sentry from "@sentry/astro";
3

4
export default defineConfig({
5
  integrations: [
6
    sentry({
7
      dsn: "{{SENTRY_DSN}}",
8
      tracesSampleRate: 0,
9
      replaysSessionSampleRate: 0,
10
      replaysOnErrorSampleRate: 0,
11
      sourceMapsUploadOptions: {
12
        project: "javascript-astro",
13
        authToken: process.env.SENTRY_AUTH_TOKEN,
14
      },
15
    }),
16
  ],
17
});

Throw a test error anywhere in your app, so you can test that everything is working:

1
<!-- your-page.astro -->
2
---
3
---
4
<button id="error-button">Throw test error</button>
5
<script>
6
  function handleClick () {
7
    throw new Error('This is a test error');
8
  }
9
  document.querySelector("#error-button").addEventListener("click", handleClick);
10
</script>

If you see an issue in your Sentry dashboard, you have successfully set up Sentry.

Start by connecting your Sentry project to your Vercel project.

Make sure to set your Sentry password by visiting the link in your welcome email from Sentry. If you haven't received it, ask your colleague to send you a member invitation from the Sentry UI.

Check out installation instructions for your platform in Sentry Docs: https://docs.sentry.io/