Top
Auth0 is a flexible, drop-in solution to add authentication and authorization services to your applications. Your team and organization can avoid the cost, time, and risk that comes with building your own solution to authenticate and authorize users.
You can connect any application (written in any language or on any stack) to Auth0 and define the identity providers you want to use (how you want your users to log in). Based on your app's technology, choose one of our SDKs (or call our API), and hook it up to your app. Now each time a user tries to authenticate, Auth0 will verify their identity and send the required information back to your app.
You must have the following prerequisites:
Recent versions of Node.js and NPM. You can install them from their official website,
React Cli installed (npm install -g create-react-app)
1. setup auth0 project in auth0 console.
Click on Get Started
2. Now Go to second option Integrate Auth0 into your application and click on Create Application
3. Choose an application type : Select Single Page Web Application and click on Create Button
4. Select Technology
5. Now go to setting tabs and show basic information about your auth0 application name , domain , client id and Set your Callback , Logout and Web Origins Url
npm install ——save @auth0/auth0-react
config file for auth0 manage inside the folder src >> data >> config.jsx
export const auth0 = ({
domain : "YOUR_DOMAIN",
clientId : "YOUR_CLIENT_ID",
redirectUri : "YOUR_REDIRECTURI(callback path)"
})