Skip to main content
L’intégration native d’Auth0 avec Vercel vous permet de connecter votre plateforme d’identité à votre projet Vercel avec un minimum de configuration. Configurez et personnalisez votre interface de connexion sans avoir à partir de zéro. Ensuite, étendez et faites évoluer vos flux d’authentification et d’autorisation grâce à des fonctionnalités avancées, notamment Organizations B2B, autorisation fine (FGA), Auth0 for AI Agents, et plus encore. L’intégration native d’Auth0 avec Vercel offre notamment les avantages suivants :
  • Le provisionnement automatique d’une application Auth0 connectée à votre projet Vercel.
  • Le préchargement de vos informations d’identification Auth0 dans le Vercel Dashboard pour une configuration simple et rapide.
  • Une prise en charge prête à l’emploi de vos applications Next.js à l’aide des Auth0 SDKs.
L’intégration native d’Auth0 avec Vercel crée un nouvel environnement de tenant Auth0 pour votre projet Vercel. Si vous souhaitez utiliser un compte Auth0 existant, intégrez Vercel manuellement lors de la création d’une application dans l’Auth0 Dashboard.

​
Prérequis

Avant de commencer, assurez-vous d’avoir : Après avoir installé l’intégration, activez l’Iframe embedding pour permettre à Universal Login ou à Classic Login de se charger dans un iframe, comme l’exige Vercel.

​
Installer l’intégration

Installez l’intégration native d’Auth0 avec Vercel à partir du Marketplace de Vercel :
  1. Accédez à Integrations > Browse Marketplace et recherchez Auth0. Sélectionnez l’intégration Auth0 sous Native Integrations, puis sélectionnez Install.
  2. Auth0 renseigne automatiquement l’URL localhost et l’URL de rappel de votre application. Sélectionnez votre Installation Plan, puis sélectionnez Continue.
  3. Entrez un nom pour votre application. Sélectionnez Create. Une fois le nouveau tenant Auth0 et l’application créés avec succès, sélectionnez Continue.
  4. Pour vous connecter à un projet Vercel existant, sélectionnez Connect Project, puis sélectionnez votre projet et vos environnements. Entrez un préfixe personnalisé à ajouter à vos variables d’environnement, au besoin. Sélectionnez Connect. Une fois votre projet Vercel connecté avec succès, vous devriez être redirigé vers la section Pour commencer de l’intégration.

​
Pour commencer

La section Pour commencer du Vercel Dashboard affiche un Quickstart pour mettre votre application en service rapidement et en toute sécurité. Vous pouvez aussi gérer les paramètres de votre application dans le menu de navigation de gauche.

​
Quickstart

Pour commencer à utiliser l’intégration native d’Auth0 avec Vercel, suivez les instructions dans le Vercel Dashboard pour créer et déployer votre application.
Vous pouvez uniquement configurer les variables d’environnement d’Auth0 dans un environnement de production.

​
Gérer les paramètres de l’application

Vous pouvez gérer les paramètres de votre application dans le Vercel Dashboard et l’Auth0 Dashboard.

​
Vercel Dashboard

Pour gérer les paramètres de votre application dans le Vercel Dashboard, accédez à Settings dans le menu de navigation de gauche. Vous pouvez mettre à jour les paramètres d’application suivants :
  • Update Name : Mettez à jour le nom de l’application.
  • Update Configuration :
    • Parameters : Mettez à jour l’URL localhost et le point de terminaison de rappel de votre application.
    • Current Installation Level Plan : Accédez aux paramètres de l’intégration pour mettre à jour le forfait au niveau de l’installation de votre intégration. Pour en savoir plus, consultez Settings.
  • Secure this resource
    • Rotate Secrets : Effectuez la rotation des secrets de votre application. Pour en savoir plus, consultez Rotating environment variables.
    • Allowed Environments : Sélectionnez si l’intégration est offerte dans All environments ou Production environment only.
  • Supprimer l’intégration : Lorsque vous supprimez l’intégration, vous êtes automatiquement rétrogradé vers le forfait Free de Vercel. Pour en savoir plus, consultez Delete integration.

​
Auth0 Dashboard

Gérez d’autres paramètres d’application dans le Auth0 Dashboard. Lorsque vous installez l’intégration native, Auth0 crée une nouvelle application dans un tenant dédié, préremplie avec vos URI Vercel, vos URI de rappel autorisés et vos URL de déconnexion. Vous pouvez modifier cette application, par exemple en personnalisant votre expérience Universal Login, comme vous le feriez pour n’importe quelle autre application dans l’Auth0 Dashboard.

​
Gérer l’intégration

Pour gérer l’intégration depuis votre Vercel Dashboard, sélectionnez l’onglet Integration de votre projet, faites défiler la page jusqu’à l’intégration Auth0, puis sélectionnez Manage.

​
Factures

Sur la page Factures, consultez la liste des factures liées à votre intégration Auth0. Pour en savoir plus sur les factures, consultez Billing & Invoices.

​
Paramètres

Sur la page Paramètres, ajoutez des méthodes de paiement, changez le forfait au niveau de l’installation et supprimez l’intégration.

​
Modes de paiement

Pour ajouter un mode de paiement, sélectionnez Ajouter. Pour en savoir plus sur les modes de paiement, consultez les tarifs de Vercel.

​
Forfait actuel au niveau de l’installation

Le forfait défini au niveau de l’installation s’applique à tous les produits de l’installation. Pour modifier le forfait au niveau de l’installation :
  1. Sous Paramètres, faites défiler jusqu’à Forfait actuel au niveau de l’installation et sélectionnez Changer de forfait.
  2. Sélectionnez le forfait au niveau de l’installation souhaité.
  3. Sélectionnez Continuer.
  4. Vérifiez votre sélection, puis sélectionnez Mettre à jour.
  5. Une fois l’installation mise à jour, sélectionnez Terminé.

​
Supprimer l’intégration

Lorsque vous supprimez l’intégration, votre compte est automatiquement rétrogradé vers le forfait Free de Vercel. Pour supprimer l’intégration :
  1. Sous Settings, faites défiler l’écran jusqu’à Delete <YOUR_PRODUCT> et sélectionnez le bouton Remove <YOUR_PRODUCT>.
  2. Saisissez le slug de l’intégration et votre équipe, puis sélectionnez I acknowledge that this will remove my Auth0-connected account.
  3. Sélectionnez Remove <YOUR_PRODUCT>.