> ## Documentation Index
> Fetch the complete documentation index at: https://docs-dev-docs-event-stream-action-templates.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Integrate with Vercel

> Integrate Auth0 into your Vercel application

Auth0's native integration with Vercel lets you connect your identity platform to your Vercel project with minimal configuration. Set up and customize your login box without having to build from scratch. Then extend and scale your authentication and authorization flows with advanced features, including [B2B Organizations](/docs/manage-users/organizations), [Fine-Grained Authorization (FGA)](https://docs.fga.dev/), [Auth0 for AI Agents](https://auth0.com/ai/docs), and more.

Auth0's Vercel native integration enables:

* Automatic provisioning of an Auth0 application that connects to your Vercel project.
* Preloading of your Auth0 credentials into the Vercel Dashboard for quick and easy setup.
* Out-of-the-box support for your Next.js applications using the [Auth0 SDKs](/docs/libraries).

Auth0's Vercel native integration creates a new Auth0 tenant environment for your Vercel project. If you want to use an existing Auth0 account, integrate with Vercel manually when creating an application in the Auth0 Dashboard.

## Prerequisites

Before you begin, make sure you have:

* A Vercel account with an active project. If needed, [create a Vercel account](https://vercel.com/signup)
* A Next.js application using the latest [Auth0 Next.js SDK](/docs/quickstart/webapp/nextjs)

After you've installed the integration, [enable iframe embedding](/docs/customize/login-pages/manage-core-configuration#iframe-embedding) to allow Universal Login or Classic Login to load in an iframe, as required by Vercel.

## Install integration

Install Auth0's Vercel native integration from the Vercel Marketplace:

1. Navigate to **Integrations > Browse Marketplace** and search for Auth0. Select the **Auth0 integration** under **Native Integrations**, then select **Install**.

2. Auth0 automatically populates the localhost URL and callback URL for your application. Select your **Installation Plan**, then select **Continue**.

3. Enter a name for your application. Select **Create**. Once the new Auth0 tenant and application have been successfully created, select **Continue**.

4. To connect to an existing Vercel project, select **Connect Project**, then select your project and environments. Enter a custom prefix to be added to your environment variables, if needed. Select **Connect**. Once you've successfully connected a Vercel project, you should be taken to the integration's [Getting Started](#getting-started) section.

## Getting started

The Getting started section in the Vercel Dashboard shows a quickstart to get your app up and running quickly and securely. You can also manage your application settings on the left-hand navigation.

### Quickstart

To get started with Auth0's Vercel native integration, follow the instructions in the Vercel Dashboard to create and deploy your application.

<Callout icon="file-lines" color="#0EA5E9" iconType="regular">
  You can only configure Auth0 environment variables in a production environment.
</Callout>

## Manage application settings

You can manage your application settings in the [Vercel Dashboard](#vercel-dashboard) and the [Auth0 Dashboard](#auth0-dashboard).

### Vercel Dashboard

To manage your application settings in the Vercel Dashboard, navigate to **Settings** on the left-hand navigation.

You can update the following application settings:

* **Update Name**: Update the name of the application.
* **Update Configuration**:
  * **Parameters**: Update the localhost URL and callback endpoint for your application.
  * **Current Installation Level Plan**: Navigate to Integration settings to update the installation level plan for your integration. To learn more, read [Settings](#settings).
* **Secure this resource**
  * **Rotate Secrets**: Rotate secrets for your application. To learn more, read [Rotating environment variables](https://vercel.com/docs/projects/environment-variables/managing-environment-variables#rotating-environment-variables).
  * **Allowed Environments**: Select whether the integration is available to **All environments** or **Production environment only**.
* **Delete integration**: When you delete the integration, you are automatically downgraded to a Free Vercel plan. To learn more, read [Delete integration](#delete-integration).

### Auth0 Dashboard

Manage additional application settings in the [Auth0 Dashboard](https://manage.auth0.com/).

When you install the native integration, Auth0 creates a new application in a dedicated tenant, pre-populated with your Vercel URIs, allowed callbacks, and logout URLs.

You can modify this application, such as customizing your Universal Login experience, just as you would any other application in your Auth0 dashboard.

## Manage integration

To manage the integration from your Vercel dashboard, select the **Integration** tab of your project, scroll to the Auth0 integration, and select **Manage**.

### Invoices

On the **Invoices** page, view a list of invoices related to your Auth0 integration. To learn more about invoices, read [Billing & Invoices](https://vercel.com/docs/pricing/understanding-my-invoice).

### Settings

On the **Settings** page, add payment methods, change the installation level plan, and delete the integration.

#### Payment methods

To add a payment method, select **Add**. To learn more about payment methods, read [Vercel pricing](https://vercel.com/docs/accounts/plans).

#### Current installation level plan

The installation-level plan applies to all products in the installation.

To change the installation level plan:

1. Under **Settings**, scroll to **Current Installation Level Plan** and select **Change Plan**.
2. Select your desired installation level plan.
3. Select **Continue**.
4. Review your selection, then select **Update**.
5. Once the installation has been updated, select **Done**.

#### Delete integration

When you delete the integration, you are automatically downgraded to a Free Vercel plan.

To delete the integration:

1. Under **Settings**, scroll to **Delete \<YOUR\_PRODUCT>** and select the **Remove \<YOUR\_PRODUCT>** button.
2. Enter the integration slug and your team, then select **I acknowledge that this will remove my Auth0-connected account**.
3. Select **Remove \<YOUR\_PRODUCT>**.