Docs

Register a Single Page Application

To integrate Auth0 with front-end apps that run in a browser (e.g., Angular, jQuery, React), you must first register your app as a Single Page App.

  1. Navigate to the Dashboard, and click on the Applications menu option on the left.

  2. Click the + Create Application button. The Create Application window opens.

  3. Set a descriptive name for your application and select Single-Page Apps.

Create Application window

After you set the name and application type, click Create.

A new single-page application will be created, and you will be redirected to the application's settings with the following additional tabs available.

Quick Start

The Quick Start tab shows all the available examples for single-page applications.

Addons

Add-ons are extensions associated with applications. They are typically third-party APIs used by the application(s) for which Auth0 generates Access Tokens. For more details, refer to: Add-ons.

Connections

Connections are sources of users that can be shared among different applications. For more detail, see Connections. For a detailed list on the supported Identity Providers, see Identity Providers Supported by Auth0.

Settings

By default, most of the settings will be created for you. You can explore all available settings at Dashboard Reference: Application Settings.

Advanced Settings

You can explore all available settings at Dashboard Reference: Advanced Application Settings.

After creating your first application, set the environment for your tenant to: development, staging, or production. For more information, see Set Up Multiple Environments.

Next Steps

Once you have configured your Application, some common next steps to take are:

  • Configure a Connection and enable it for your Application. For details, refer to Connections. For a list of the supported Identity Providers refer to Identity Providers Supported by Auth0.

  • Configure your app to use your Auth0 Application. For detailed instructions and samples for a variety of technologies, refer to our quickstarts. There you can find information on how to implement login and logout (using Lock or Auth0.js), handle your user sessions, retrieve and display user profile information, add Rules to customize your flow, and more.

    For background theory on application authentication flows, refer to Application Authentication.

  • Use our latest API Authorization features to call an API.

  • Use the Auth0 APIs.

    • The Authentication API handles all the primary identity related functions (login, logout, get user profile, and so forth). 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 can be used to automate various tasks in Auth0 such as creating users.