Skip to main content

Documentation Index

Fetch the complete documentation index at: https://auth0-feat-integrate-with-vercel.mintlify.app/llms.txt

Use this file to discover all available pages before exploring further.

Auth0 is the leading identity and access management platform for securing your apps and agentic workflows. 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, Fine-Grained Authorization (FGA), Auth0 for AI Agents, 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 and React applications using the Auth0 SDKs
Auth0’s native integration with Vercel 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: After you’ve installed the integration, enable 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. Vercel Marketplace: Navigate to Integrations > Browse Marketplace and search for Auth0. Select the Auth0 integration under Native Integrations, then select Install.
  2. Configuration and Plan: Auth0 automatically populates the localhost URL and callback URL for your application. Then, select your Installation Plan. Select Continue.
  3. Confirmation: Enter a name for your application. Select Create. Once the new Auth0 tenant and application have been successfully created, select Continue.
  4. Connect a project: 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 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.
You can only configure environment variables in a production environment.

​
Manage your application settings

You can manage your application settings in the Vercel Dashboard and the 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.
  • Secure this resource
    • Rotate Secrets: Rotate secrets for your application. To learn more, read 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.

​
Auth0 Dashboard

Manage additional application settings in the Auth0 Dashboard. After you add the native integration to your Vercel project, the Auth0 Dashboard creates a new application in a dedicated Auth0 tenant. The application is 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.

​
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.

​
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>.