Register Single-Page Applications

Register Single-Page Applications

To integrate Auth0 with a single-page app, you must first register your app with Auth0. This guide will show you how to register a single-page application using Auth0's Dashboard.

  1. Navigate to the Applications page in the Auth0 Dashboard, and click + Create Application.

  2. Enter a descriptive name for your Application, select Single-Page Web App, and click Create.

Select Application Name and Type

Once the new single-page Application is created, you will be redirected to the Application's settings. Available tabs include:

  • Settings: Shows all available settings for your application. By default, most of the settings will be created for you.
  • Quick Start: Shows all the available examples for single-page applications.
  • Add-ons: Allows you to enable Add-ons for your Application. Add-ons are extensions and usually are third-party APIs used with Applications for which Auth0 generates Access Tokens.
  • Connections: Allows you to enable Connections for your Application. Connections are sources of users; they can be enabled and shared between multiple Applications.

After creating your first application, you should set the environment for your tenant. Options include development, staging, or production.

Next Steps

Once you have registered and configured your Application, some common next steps are:

  • Configure a Connection and enable it for your Application

  • Modify your app code to use your Auth0-registered Application. See our quickstarts, where you'll find detailed instructions and samples for a variety of technologies. You'll also learn how to implement login and logout, handle your user sessions, retrieve and display user profile information, add Rules to customize your authentication flow, and more.

  • Call an API using our API Authorization feature set.

  • Use Auth0 APIs.

    • The Authentication API handles all primary identity-related functions (for example: login, logout, get user profile). Most users consume this API through our Quickstarts, the Auth0.js library, or the Lock widget. However, if you are building all of your authentication UI manually, you will have to interact with this API directly.

    • The Management API allows you to automate various tasks that can also be accessed via the Dashboard in Auth0 (for example: creating users, setting application grant types).