Berry React
v3.9.1
v3.9.1
  • Introduction
  • Package
  • Getting Started
    • Pre-requisites
    • Quick Start
    • Mock backend
    • Deployment
    • Licensing
  • Setup
    • Seed
    • To Existing Project
  • Folder Structure
  • State Management
  • Multi Language
  • Authentication
    • AWS Cognito
    • Auth0
    • Firebase
  • API Calls
  • Routing
    • New Menu
    • Login as First Page
    • Skip Login
      • VITE
      • NextJS
    • Menu from the backend
    • Remove menu render via backend
  • Theme
    • Configuration
    • Presets
    • Style
      • Color
      • Typography
      • Overrides
      • Shadows
    • Layouts
    • Logo
  • How to
    • Remove eslint
    • Remove prettier
  • Components
    • Avatar
    • AnimateButton
    • Accordion
    • Breadcrumbs
    • Chip
    • ImageList
    • MainCard
    • Transitions
    • SubCard
  • Dependencies
    • Vite js
    • Next js
  • Support
    • Roadmap
    • Changelog
    • FAQ
  • 🎺About - Berry Remix
  • Berry Eco System
Powered by GitBook
On this page

Was this helpful?

  1. Authentication

Auth0

Last updated 10 months ago

Was this helpful?

At present, Auth0 uses a dummy client id and domain, so we don't need to change anything, but in actual implementation, you need to set client id and domain in the following file. For more detail refer to Auth0 here:

  1. Set Auth0 Config in .env

.env
###
## Auth0

VITE_APP_AUTH0_CLIENT_ID=
VITE_APP_AUTH0_DOMAIN=
###
  1. Change AuthProvider

..\src\App.jsx
import { Auth0Provider as AuthProvider } from 'contexts/Auth0Context';
  1. Change auth Hooks

Comment another context in the following file and uncomment Auth0 one.

..\src\hooks\useAuth.js
import AuthContext from 'contexts/Auth0Context';
  1. Replace Login Code

It's super simple. We have provided a code that just needs to be replaced.

  • VITE:

    • From: src\views\pages\authentication\login\Auth0Login

    • To: src\views\pages\authentication\auth-forms\AuthLogin.jsx

  • NEXTJS:

    • From: src\components\Authentication\login\Auth0Login

    • To: src\components\Authentication\auth-forms\AuthLogin.jsx

  1. Replace Register Code

  • VITE:

    • From: src\views\pages\authentication\register\Auth0Register

    • To: src\views\pages\authentication\auth-forms\AuthRegister.jsx

  • NEXTJS:

    • From: src\components\Authentication\register\Auth0Register

    • To: src\components\Authentication\auth-forms\AuthRegister.jsx

https://auth0.com/docs/get-started/auth0-overview