Auth0 Integration

What are implemented:

• Authentication using @auth0/auth0-react

• Authorization using Role-based access control (RBAC) and Authorization Core

  • Dashboard > Users & Roles is where to setup the users, roles & permissions

• Universal login

• api folder: API authentication and authorization

• nextjs-app folder: SSR App to showcase its role & permission feature

• cra-app folder: CRA App to showcase its SSO feature

Run each application by going to the app's folder then running the corresponding script for starting that app - don't forget to install the dependencies first! Also, note that the integration is done only in development environment.

Prerequisite

1. Create an Auth0 account
2. Create two applications (SRR + CRA apps) in your Auth0 dashboard
3. Configure the .env file for each app (including api) by adding the required env variables (domain, client ID, namespace, etc.)

Reference

Note that the below article is using Authorization Extension instead of Authorization Core for its RBAC implementation. Read here to know more about the comparison between the two.

• Architecture Scenarios: SPA + API