Files
supabase/apps/docs/pages/new/auth.mdx
T

78 lines
2.3 KiB
Plaintext

import Layout from '~/layouts/DefaultLayout'
import Link from 'next/link'
// import { useTheme } from 'common/Providers'
import { GlassPanel } from 'ui'
{/* // export const { isDarkMode } = useTheme() */}
export const meta = {
title: 'Auth',
}
## Add and manage email and password, passwordless, OAuth, and mobile logins to your project through a suite of identity providers and APIs.
### Popular Guides
<div className="grid grid-cols-12 gap-6 not-prose">
{topArticles.map((item) => {
return (
<Link
href={`/${item.href}`}
key={item.title}
passHref
>
<a className={item.span ?? 'col-span-4'}>
<GlassPanel
title={item.title}
header="/docs/img/cards/sample-card-header-4.svg"
span="col-span-6"
background={false}
//* isDarkMode={isDarkMode}
>
{item.description}
</GlassPanel>
</a>
</Link>
)})}
</div>
export const topArticles = [
{
title: 'Enable Captcha Protection',
header: '/docs/img/cards/sample-card-header-4.svg',
href: '/guides/auth/auth-captcha',
description: 'Keep your platform safe from bots and malicious scripts by implementing hCaptcha.',
span: 'col-span-6',
},
{
title: 'Auth Helpers',
header: '/docs/img/cards/sample-card-header-4.svg',
href: '/guides/auth/auth-helpers',
description: 'A collection of framework-specific utilities for implementing Supabase Auth.',
span: 'col-span-6',
},
{
title: 'Email Login',
header: '/docs/img/cards/sample-card-header-4.svg',
href: '/guides/auth/auth-email',
description: 'Learn how to add an email and password login flow to your platform.',
},
{
title: 'Phone Login',
header: '/docs/img/cards/sample-card-header-4.svg',
href: '/guides/auth/phone-login',
description: 'Learn how to add a login flow so your users can access your platform through one-time passwords via SMS.',
},
{
title: 'Social Login',
header: '/docs/img/cards/sample-card-header-4.svg',
href: '/guides/auth/social-login',
description: 'Learn how to add a login flow so your users can access your platform through social providers like Apple, Facebook, or Google.',
},
]
export const Page = ({ children }) => <Layout meta={meta} children={children} />
export default Page