# Vercel

## Learn more about Sentry's Vercel integrations and how you can sync release deployments and source map uploads, as well as the Vercel Marketplace integration.

## [Releases and Source Map Integration](#releases-and-source-map-integration)

If you make changes to your organization slug, you'll need to update your configuration for this integration. Learn more in our [troubleshooting guide](/organization/integrations/troubleshooting/).

Connect your Sentry and Vercel projects to automatically notify Sentry of every deployment and upload source maps for your Next.js application. To learn more about using Sentry in your Next.js app, check out the [Next.js SDK](/platforms/javascript/guides/nextjs/).

### [Install](#install)

Sentry owner, manager, or admin permissions are required to install this integration.

1. Visit <https://vercel.com/integrations/sentry>

2. Click "Add Integration" and follow the setup to select the Vercel scope, the Vercel projects, and review the app's permissions.

   [![Sentry modal showing Vercel installation](/_next/image/?url=%2Fmdx-images%2Fvercel_install-GAIRKLPW.png%231039x596\&w=3840\&q=75)](/mdx-images/vercel_install-GAIRKLPW.png)

   ##### Important

   The installation created an internal integration to generate an auth token used in building releases. If the Vercel internal integration is deleted, your Vercel integration will stop working.

   [![Sentry modal showing Vercel internal integration](/_next/image/?url=%2Fmdx-images%2Fvercel_internal_integration-6BKVFOJV.png%231158x69\&w=3840\&q=75)](/mdx-images/vercel_internal_integration-6BKVFOJV.png)

### [Configure](#configure)

Use Vercel to [link projects](#project-linking) for uploading source maps and notifiying Sentry of release deployment.

#### [Project Linking](#project-linking)

1. When prompted by the installer, select a Sentry project and a Vercel project to link together.

   [![Sentry modal showing linking Sentry project to Vercel project](/_next/image/?url=%2Fmdx-images%2Fvercel_link_project-LTKFBBOZ.png%231500x508\&w=3840\&q=75)](/mdx-images/vercel_link_project-LTKFBBOZ.png)

   * This step will generate environment variables in the selected Vercel project. Having these set means you can skip the [CLI Configuration step](https://github.com/getsentry/sentry-webpack-plugin#cli-configuration) in the Sentry webpack plugin setup. You can see these in Vercel in **Project Settings > General > Environment Variables**.

   [![Sentry modal showing linking Sentry project to Vercel project](/_next/image/?url=%2Fmdx-images%2Fvercel_env_vars-6L6K2QOD.png%23746x708\&w=1920\&q=75)](/mdx-images/vercel_env_vars-6L6K2QOD.png)

   * `SENTRY_ORG` - the name of your Sentry organization
   * `SENTRY_PROJECT` - the name of your linked Sentry project
   * `SENTRY_AUTH_TOKEN` - the auth token from the Vercel Internal Integration that was created upon installation
   * `NEXT_PUBLIC_SENTRY_DSN` - the linked Sentry project's DSN for usage in the Next.js SDK

2. Redeploy your Vercel project in order to trigger a release.

### [Usage](#usage)

* If you have not already done so, [instrument your code with Sentry](/platforms/javascript/).
* Ensure you have [installed a repository integration](/product/releases/setup/release-automation/) and added the relevant repository.
* Add a Sentry bundler plugin to your bundler configuration ([webpack plugin](https://www.npmjs.com/package/@sentry/webpack-plugin), [Vite Plugin](https://www.npmjs.com/package/@sentry/vite-plugin), [Esbuild Plugin](https://www.npmjs.com/package/@sentry/esbuild-plugin), [Rollup Plugin](https://www.npmjs.com/package/@sentry/rollup-plugin)). If you are using Sentry's Next.js, or SvelteKit SDKs this will already have been done for you.
* In case you already have a Vercel project integrated with Sentry, ensure the Sentry project you link is the one you're already using to report errors.

### [Uninstallation](#uninstallation)

1. You can uninstall the integration from Vercel or Sentry. To do so in Sentry, navigate to **Settings > Integrations > Vercel > Configurations**, click "Uninstall", and confirm.

2. Delete the internal integration that was created by navigating to **Settings > Developer Settings** and clicking the trash can icon next to "Vercel Internal Integration". You will be prompted to confirm the deletion by entering a string provided in the modal. Enter the string and click "Confirm" to finalize the deletion:

   [![Sentry modal showing uninstalling Vercel integration](/_next/image/?url=%2Fmdx-images%2Fvercel_delete_internal_integration-3GEYJDGB.png%23600x318\&w=1200\&q=75)](/mdx-images/vercel_delete_internal_integration-3GEYJDGB.png)

### [Troubleshooting](#troubleshooting)

#### [Failed to fetch](#failed-to-fetch)

[![Failed to fetch error message](/_next/image/?url=%2Fmdx-images%2Fvercel_failed_to_fetch-BFZDKJYZ.png%231061x647\&w=3840\&q=75)](/mdx-images/vercel_failed_to_fetch-BFZDKJYZ.png)

This issue typically occurs if you have an ad blocker blocking the conversation between Vercel and Sentry during setup. To remediate the issue, disable your ad blocker and go through the installation flow again.

## [Vercel Marketplace](#vercel-marketplace)

The Vercel Marketplace integration allows existing Vercel users to onboard to Sentry with a one-click workflow. This setup is designed for **new Sentry users** and unifies billing within the Vercel platform.

There is no path for existing Sentry organizations to use the Vercel Marketplace integration.

When you configure Sentry using the Vercel Marketplace, you'll be able to set the name of your new Sentry Organization (referred to as an "Installation" in Vercel) and projects (Resources/Products in Vercel) during the setup process.

### [Billing Settings](#billing-settings)

When using the Vercel Marketplace native integration, users can modify their organizations billing information from within the Vercel platform, or within Sentry directly. Credit card settings can only be modified within Vercel.

Subscription settings can only be modified within Sentry. During setup, organizations can choose between Developer, Team or Business plans. Pay-as-you-go budgets can be set after the initial setup is completed.

### [User Access](#user-access)

Vercel users will have single sign-on access to Sentry using the "Open in Sentry" button within Vercel, and will be able to create new projects in either Vercel or Sentry.

Users will still be able to login to their Sentry organization directly, without using the Vercel single-sign on, by using the login they configured during the setup process. For non social based login (Google, Github, etc.) users, Sentry will prompt for password creation.

### [Automatically Configured Environment Variables](#automatically-configured-environment-variables)

For every project configured, the following environment variables will be set within the Vercel deployment:

* **SENTRY\_PROJECT**
* **SENTRY\_AUTH\_TOKEN**
* **NEXT\_PUBLIC\_SENTRY\_DSN**
* **SENTRY\_ORG**

### [Integration Deletion](#integration-deletion)

If the integration is deleted within Vercel, the Sentry organization **will not** be deleted. The deletion will permanently remove the connection between the Vercel account and the Sentry account, and is **irreversible**.

Preserving the Sentry organization allows teams to still access historical data from within Sentry, even if they are not sending monitoring data anymore.

If the native integration is deleted, teams are still able to leverage the non-native Vercel integration described at the top of this document. Only one integration can be active at a time.

For more information, see the [Introducing the Vercel Marketplace blog post](https://vercel.com/blog/introducing-the-vercel-marketplace).
