# Switch to JWT

### **Firebase to** JWT

**Set JWT Config**

At present, jwt uses a dummy backend call, so we don't need any secret, but in actual implementation, you need to set a secret in the following file. For more detail refer to JWT here: <https://jwt.io/introduction>

{% code title="..\src\config.js" %}

```javascript
...
export const JWT_API = {
  secret: 'SECRET-KEY',
  timeout: '1 days'
};
...
```

{% endcode %}

**Change AuthProvider**

{% code title="..\src\App.js" %}

```javascript
import { JWTProvider as AuthProvider } from 'contexts/JWTContext';
```

{% endcode %}

**Change auth Hooks**

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

{% code title="..\src\hooks\useAuth.js" %}

```javascript
import AuthContext from 'contexts/JWTContext';
```

{% endcode %}

#### Copy login code

It's also super simple. We have provided a code that just needs to be replaced.&#x20;

* **From:** `src\sections\auth\login\JWTLogin`
* **To:** `src\sections\auth\auth-forms\AuthLogin.js`

~~**For nextJS,** `src\components\Authentication\login\JWTLogin` to `src\components\Authentication\auth-forms\AuthLogin.tsx`~~

#### Copy register code

We have provided a code that just needs to be replaced.&#x20;

* **From:** `src\sections\auth\register\JWTRegister`
* **To:** `src\sections\auth\auth-forms\AuthRegister.js`

~~**For nextJS,**~~ ~~`src\components\Authentication\login\JWTRegister` to `src\components\Authentication\auth-forms\AuthRegister.tsx`~~