Skip to content

Add overview content for Core 1 version of docs #1074

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 1 commit into from
May 22, 2024
Merged

Add overview content for Core 1 version of docs #1074

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
315 changes: 134 additions & 181 deletions docs/authentication/social-connections/overview.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,184 +7,137 @@ description: Browse the wide range of application providers that Clerk provides

Clerk provides a wide range of application providers to ease your user's sign-up and sign-in processes.

<div className="container mx-auto my-4">
<div className="grid grid-cols-1 gap-6 md:grid-cols-2">
<AuthProvidersCards
title="Facebook"
description="Add Facebook as an authentication provider for your Clerk app."
link="/docs/authentication/social-connections/facebook"
cta="Learn more"
hideArrow={true}
icon="/docs/images/logos/auth_providers/facebook.svg"
/>
<AuthProvidersCards
title="Twitter"
description="Add Twitter as an authentication provider for your Clerk app."
link="/docs/authentication/social-connections/twitter"
cta="Learn more"
hideArrow={true}
icon="/docs/images/logos/auth_providers/twitter.svg"
/>
<AuthProvidersCards
title="TikTok"
description="Add TikTok as an authentication provider for your Clerk app."
link="/docs/authentication/social-connections/tiktok"
cta="Learn more"
hideArrow={true}
icon="/docs/images/logos/auth_providers/tiktok.svg"
/>
<AuthProvidersCards
title="Discord"
description="Add Discord as an authentication provider for your Clerk app."
link="/docs/authentication/social-connections/discord"
cta="Learn more"
hideArrow={true}
icon="/docs/images/logos/auth_providers/discord.svg"
/>
<AuthProvidersCards
title="Twitch"
description="Add Twitch as an authentication provider for your Clerk app."
link="/docs/authentication/social-connections/twitch"
cta="Learn more"
hideArrow={true}
icon="/docs/images/logos/auth_providers/twitch.svg"
/>
<AuthProvidersCards
title="GitHub"
description="Add GitHub as an authentication provider for your Clerk app."
link="/docs/authentication/social-connections/github"
cta="Learn more"
hideArrow={true}
icon="/docs/images/logos/auth_providers/github.svg"
/>
<AuthProvidersCards
title="GitLab"
description="Add GitLab as an authentication provider for your Clerk app."
link="/docs/authentication/social-connections/gitlab"
cta="Learn more"
hideArrow={true}
icon="/docs/images/logos/auth_providers/gitlab.svg"
/>
<AuthProvidersCards
title="LinkedIn"
description="Add LinkedIn as an authentication provider for your Clerk app."
link="/docs/authentication/social-connections/linkedin-oidc"
cta="Learn more"
hideArrow={true}
icon="/docs/images/logos/auth_providers/linkedin.svg"
/>
<AuthProvidersCards
title="HubSpot"
description="Add HubSpot as an authentication provider for your Clerk app."
link="/docs/authentication/social-connections/hubspot"
cta="Learn more"
hideArrow={true}
icon="/docs/images/logos/auth_providers/hubspot.svg"
/>
<AuthProvidersCards
title="Atlassian"
description="Add Atlassian as an authentication provider for your Clerk app."
link="/docs/authentication/social-connections/atlassian"
cta="Learn more"
hideArrow={true}
icon="/docs/images/logos/auth_providers/atlassian.svg"
/>
<AuthProvidersCards
title="Bitbucket"
description="Add Bitbucket as an authentication provider for your Clerk app."
link="/docs/authentication/social-connections/bitbucket"
cta="Learn more"
hideArrow={true}
icon="/docs/images/logos/auth_providers/bitbucket.svg"
/>
<AuthProvidersCards
title="Dropbox"
description="Add Dropbox as an authentication provider for your Clerk app."
link="/docs/authentication/social-connections/dropbox"
cta="Learn more"
hideArrow={true}
icon="/docs/images/logos/auth_providers/dropbox.svg"
/>
<AuthProvidersCards
title="Microsoft"
description="Add Microsoft as an authentication provider for your Clerk app."
link="/docs/authentication/social-connections/microsoft"
cta="Learn more"
hideArrow={true}
icon="/docs/images/logos/auth_providers/microsoft.svg"
/>
<AuthProvidersCards
title="Notion"
description="Add Notion as an authentication provider for your Clerk app."
link="/docs/authentication/social-connections/notion"
cta="Learn more"
hideArrow={true}
icon="/docs/images/logos/auth_providers/notion.svg"
/>
<AuthProvidersCards
title="Apple"
description="Add Apple as an authentication provider for your Clerk app."
link="/docs/authentication/social-connections/apple"
cta="Learn more"
hideArrow={true}
icon="/docs/images/logos/auth_providers/apple.svg"
/>
<AuthProvidersCards
title="LINE"
description="Add LINE as an authentication provider for your Clerk app."
link="/docs/authentication/social-connections/line"
cta="Learn more"
hideArrow={true}
icon="/docs/images/logos/auth_providers/line.svg"
/>
<AuthProvidersCards
title="Coinbase"
description="Add Coinbase as an authentication provider for your Clerk app."
link="/docs/authentication/social-connections/coinbase"
cta="Learn more"
hideArrow={true}
icon="/docs/images/logos/auth_providers/coinbase.svg"
/>
<AuthProvidersCards
title="Spotify"
description="Add Spotify as an authentication provider for your Clerk app."
link="/docs/authentication/social-connections/spotify"
cta="Learn more"
hideArrow={true}
icon="/docs/images/logos/auth_providers/spotify.svg"
/>
<AuthProvidersCards
title="Box"
description="Add Box as an authentication provider for your Clerk app."
link="/docs/authentication/social-connections/box"
cta="Learn more"
hideArrow={true}
icon="/docs/images/logos/auth_providers/box.svg"
iconWidth="40"
/>
<AuthProvidersCards
title="Xero"
description="Add Xero as an authentication provider for your Clerk app."
link="/docs/authentication/social-connections/xero"
cta="Learn more"
hideArrow={true}
icon="/docs/images/logos/auth_providers/xero.svg"
/>
<AuthProvidersCards
title="Slack"
description="Add Slack as an authentication provider for your Clerk app."
link="/docs/authentication/social-connections/slack"
cta="Learn more"
hideArrow={true}
icon="/docs/images/logos/auth_providers/slack.svg"
/>
<AuthProvidersCards
title="Linear"
description="Add Linear as an authentication provider for your Clerk app."
link="/docs/authentication/social-connections/linear"
cta="Learn more"
hideArrow={true}
icon="/docs/images/logos/auth_providers/linear.svg"
/>
</div>
</div>
<Cards>

- [Facebook](/docs/authentication/social-connections/facebook)
- Add Facebook as an authentication provider for your Clerk app.
- ![](/docs/images/logos/auth_providers/facebook.svg)

---

- [Twitter](/docs/authentication/social-connections/twitter)
- Add Twitter as an authentication provider for your Clerk app.
- ![](/docs/images/logos/auth_providers/twitter.svg)

---

- [TikTok](/docs/authentication/social-connections/tiktok)
- Add TikTok as an authentication provider for your Clerk app.
- ![](/docs/images/logos/auth_providers/tiktok.svg)

---

- [Discord](/docs/authentication/social-connections/discord)
- Add Discord as an authentication provider for your Clerk app.
- ![](/docs/images/logos/auth_providers/discord.svg)

---

- [Twitch](/docs/authentication/social-connections/twitch)
- Add Twitch as an authentication provider for your Clerk app.
- ![](/docs/images/logos/auth_providers/twitch.svg)

---

- [GitHub](/docs/authentication/social-connections/github)
- Add GitHub as an authentication provider for your Clerk app.
- {<svg viewBox="0 0 98 96"><path fillRule="evenodd" clipRule="evenodd" d="M48.854 0C21.839 0 0 22 0 49.217c0 21.756 13.993 40.172 33.405 46.69 2.427.49 3.316-1.059 3.316-2.362 0-1.141-.08-5.052-.08-9.127-13.59 2.934-16.42-5.867-16.42-5.867-2.184-5.704-5.42-7.17-5.42-7.17-4.448-3.015.324-3.015.324-3.015 4.934.326 7.523 5.052 7.523 5.052 4.367 7.496 11.404 5.378 14.235 4.074.404-3.178 1.699-5.378 3.074-6.6-10.839-1.141-22.243-5.378-22.243-24.283 0-5.378 1.94-9.778 5.014-13.2-.485-1.222-2.184-6.275.486-13.038 0 0 4.125-1.304 13.426 5.052a46.97 46.97 0 0 1 12.214-1.63c4.125 0 8.33.571 12.213 1.63 9.302-6.356 13.427-5.052 13.427-5.052 2.67 6.763.97 11.816.485 13.038 3.155 3.422 5.015 7.822 5.015 13.2 0 18.905-11.404 23.06-22.324 24.283 1.78 1.548 3.316 4.481 3.316 9.126 0 6.6-.08 11.897-.08 13.526 0 1.304.89 2.853 3.316 2.364 19.412-6.52 33.405-24.935 33.405-46.691C97.707 22 75.788 0 48.854 0z" style={{ fill: 'var(--light, #24292f) var(--dark, white)' }} /></svg>}

---

- [GitLab](/docs/authentication/social-connections/gitlab)
- Add GitLab as an authentication provider for your Clerk app.
- ![](/docs/images/logos/auth_providers/gitlab.svg)

---

- [LinkedIn](/docs/authentication/social-connections/linkedin-oidc)
- Add LinkedIn as an authentication provider for your Clerk app.
- ![](/docs/images/logos/auth_providers/linkedin.svg)

---

- [HubSpot](/docs/authentication/social-connections/hubspot)
- Add HubSpot as an authentication provider for your Clerk app.
- ![](/docs/images/logos/auth_providers/hubspot.svg)

---

- [Atlassian](/docs/authentication/social-connections/atlassian)
- Add Atlassian as an authentication provider for your Clerk app.
- ![](/docs/images/logos/auth_providers/atlassian.svg)

---

- [Bitbucket](/docs/authentication/social-connections/bitbucket)
- Add Bitbucket as an authentication provider for your Clerk app.
- ![](/docs/images/logos/auth_providers/bitbucket.svg)

---

- [Dropbox](/docs/authentication/social-connections/dropbox)
- Add Dropbox as an authentication provider for your Clerk app.
- ![](/docs/images/logos/auth_providers/dropbox.svg)

---

- [Microsoft](/docs/authentication/social-connections/microsoft)
- Add Microsoft as an authentication provider for your Clerk app.
- ![](/docs/images/logos/auth_providers/microsoft.svg)

---

- [Notion](/docs/authentication/social-connections/notion)
- Add Notion as an authentication provider for your Clerk app.
- ![](/docs/images/logos/auth_providers/notion.svg)

---

- [Apple](/docs/authentication/social-connections/apple)
- Add Apple as an authentication provider for your Clerk app.
- {<svg viewBox="0 0 814 1000"><path d="M788.1 340.9c-5.8 4.5-108.2 62.2-108.2 190.5 0 148.4 130.3 200.9 134.2 202.2-.6 3.2-20.7 71.9-68.7 141.9-42.8 61.6-87.5 123.1-155.5 123.1s-85.5-39.5-164-39.5c-76.5 0-103.7 40.8-165.9 40.8s-105.6-57-155.5-127C46.7 790.7 0 663 0 541.8c0-194.4 126.4-297.5 250.8-297.5 66.1 0 121.2 43.4 162.7 43.4 39.5 0 101.1-46 176.3-46 28.5 0 130.9 2.6 198.3 99.2zm-234-181.5c31.1-36.9 53.1-88.1 53.1-139.3 0-7.1-.6-14.3-1.9-20.1-50.6 1.9-110.8 33.7-147.1 75.8-28.5 32.4-55.1 83.6-55.1 135.5 0 7.8 1.3 15.6 1.9 18.1 3.2.6 8.4 1.3 13.6 1.3 45.4 0 102.5-30.4 135.5-71.3z" style={{ fill: 'var(--light, black) var(--dark, white)' }} /></svg>}

---

- [LINE](/docs/authentication/social-connections/line)
- Add LINE as an authentication provider for your Clerk app.
- ![](/docs/images/logos/auth_providers/line.svg)

---

- [Coinbase](/docs/authentication/social-connections/coinbase)
- Add Coinbase as an authentication provider for your Clerk app.
- ![](/docs/images/logos/auth_providers/coinbase.svg)

---

- [Spotify](/docs/authentication/social-connections/spotify)
- Add Spotify as an authentication provider for your Clerk app.
- ![](/docs/images/logos/auth_providers/spotify.svg)

---

- [Box](/docs/authentication/social-connections/box)
- Add Box as an authentication provider for your Clerk app.
- ![](/docs/images/logos/auth_providers/box.svg)

---

/>
- [Xero](/docs/authentication/social-connections/xero)
- Add Xero as an authentication provider for your Clerk app.
- ![](/docs/images/logos/auth_providers/xero.svg)

---

- [Slack](/docs/authentication/social-connections/slack)
- Add Slack as an authentication provider for your Clerk app.
- ![](/docs/images/logos/auth_providers/slack.svg)

---

- [Linear](/docs/authentication/social-connections/linear)
- Add Linear as an authentication provider for your Clerk app.
- ![](/docs/images/logos/auth_providers/linear.svg)

</Cards>
Loading
Loading