> ## Documentation Index
> Fetch the complete documentation index at: https://docs.prowler.com/llms.txt
> Use this file to discover all available pages before exploring further.

<AgentInstructions>

## Submitting Feedback

If you encounter incorrect, outdated, or confusing documentation on this page, submit feedback:

POST https://docs.prowler.com/feedback

```json
{
  "path": "/user-guide/tutorials/prowler-app-social-login",
  "feedback": "Description of the issue"
}
```

Only submit feedback when you have something specific and actionable to report.

</AgentInstructions>

# Social Login Configuration

export const VersionBadge = ({version}) => {
  return <a href={`https://github.com/prowler-cloud/prowler/releases/tag/${version}`} target="_blank" rel="noopener noreferrer" className="version-badge-link">
            <span className="version-badge-container">
                <span className="version-badge">
                    <span className="version-badge-label">Added in:</span> 
                    <span className="version-badge-version">{version}</span>
                </span>
            </span>
        </a>;
};

<VersionBadge version="5.5.0" />

**Prowler App** supports social login using Google and GitHub OAuth providers. This document guides you through configuring the required environment variables to enable social authentication.

<img src="https://mintcdn.com/prowler/9AoCN7Q_gXN7wF7l/images/prowler-app/social-login/social_login_buttons.png?fit=max&auto=format&n=9AoCN7Q_gXN7wF7l&q=85&s=2bcceca2fbb5d7008b60afa3f4707ab6" alt="Social login buttons" width="700" data-path="images/prowler-app/social-login/social_login_buttons.png" />

## Configuring Social Login Credentials

To enable social login with Google and GitHub, you must define the following environment variables:

### Google OAuth Configuration

Set the following environment variables for Google OAuth:

```env theme={null}
SOCIAL_GOOGLE_OAUTH_CLIENT_ID=""
SOCIAL_GOOGLE_OAUTH_CLIENT_SECRET=""
```

### GitHub OAuth Configuration

Set the following environment variables for GitHub OAuth:

```env theme={null}
SOCIAL_GITHUB_OAUTH_CLIENT_ID=""
SOCIAL_GITHUB_OAUTH_CLIENT_SECRET=""
```

### Important Notes

* If either `SOCIAL_GOOGLE_OAUTH_CLIENT_ID` or `SOCIAL_GOOGLE_OAUTH_CLIENT_SECRET` is empty or not defined, the Google login button will be disabled.
* If either `SOCIAL_GITHUB_OAUTH_CLIENT_ID` or `SOCIAL_GITHUB_OAUTH_CLIENT_SECRET` is empty or not defined, the GitHub login button will be disabled.

<img src="https://mintcdn.com/prowler/9AoCN7Q_gXN7wF7l/images/prowler-app/social-login/social_login_buttons_disabled.png?fit=max&auto=format&n=9AoCN7Q_gXN7wF7l&q=85&s=dedba7902b96850202518bfe124b852f" alt="Social login buttons disabled" width="700" data-path="images/prowler-app/social-login/social_login_buttons_disabled.png" />

## Obtaining OAuth Credentials

To obtain `CLIENT_ID` and `CLIENT_SECRET` for each provider, follow their official documentation:

* **Google OAuth**: [Google OAuth Credentials Setup](https://developers.google.com/identity/protocols/oauth2)
* **GitHub OAuth**: [GitHub OAuth App Setup](https://docs.github.com/en/apps/oauth-apps/building-oauth-apps/creating-an-oauth-app)

### Overview of the Steps

For both providers, the process generally involves:

1. Registering your application in the provider's developer portal.
2. Defining the authorized redirect URL (`SOCIAL_<PROVIDER>_OAUTH_CALLBACK_URL`).
3. Copying the generated `CLIENT_ID` and `CLIENT_SECRET` into the corresponding environment variables.

Once completed, ensure your environment variables are correctly loaded in your Prowler deployment to activate social login.