> For the complete documentation index, see [llms.txt](https://codedthemes.gitbook.io/materially-react-material-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://codedthemes.gitbook.io/materially-react-material-documentation/authentication/switch-to-firebase.md).

# Switch to Firebase

{% tabs %}
{% tab title="VITE(TS)" %}

## **JWT to Firebase**

1. **Set Firebase Config**

&#x20;      At present, Firebase requires you to set a secret in the following file. For more details, refer to Firebase here: <https://firebase.google.com/docs/reference/rest/auth>

{% code title=".env" %}

```
## Firebase - Google Auth 

VITE_APP_FIREBASE_API_KEY= Firebase Api key
VITE_APP_FIREBASE_AUTH_DOMAIN=  Firebase Auth domain
VITE_APP_FIREBASE_PROJECT_ID= Firebase Project Id
VITE_APP_FIREBASE_STORAGE_BUCKET= Firebase Storage Bucket
VITE_APP_FIREBASE_MESSAGING_SENDER_ID= Firebase Messaging Sender Id
VITE_APP_FIREBASE_APP_ID= Firebase App Id
VITE_APP_FIREBASE_MEASUREMENT_ID= Firebase Measurement Id
```

{% endcode %}

2. **Change Config**

{% code title="src/config.ts" %}

```
export const AUTH_PROVIDER: AuthType = AuthType.FIREBASE;
```

{% endcode %}
{% endtab %}

{% tab title="VITE(JS)" %}

## **JWT to Firebase**

1. **Set Firebase Config**

&#x20;      At present, Firebase requires you to set a secret in the following file. For more details, refer to Firebase here: <https://firebase.google.com/docs/reference/rest/auth>

{% code title=".env" %}

```
## Firebase - Google Auth 

VITE_APP_FIREBASE_API_KEY= Firebase Api key
VITE_APP_FIREBASE_AUTH_DOMAIN=  Firebase Auth domain
VITE_APP_FIREBASE_PROJECT_ID= Firebase Project Id
VITE_APP_FIREBASE_STORAGE_BUCKET= Firebase Storage Bucket
VITE_APP_FIREBASE_MESSAGING_SENDER_ID= Firebase Messaging Sender Id
VITE_APP_FIREBASE_APP_ID= Firebase App Id
VITE_APP_FIREBASE_MEASUREMENT_ID= Firebase Measurement Id
```

{% endcode %}

2. **Change Config**

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

```
export const AUTH_PROVIDER: AuthType = AuthType.FIREBASE;
```

{% endcode %}
{% endtab %}
{% endtabs %}