mirror of
https://github.com/LukeHagar/better-auth.git
synced 2025-12-08 04:19:25 +00:00
95 lines
2.8 KiB
TypeScript
95 lines
2.8 KiB
TypeScript
import { SignInButton, SignInFallback } from "@/components/sign-in-btn";
|
|
import { Suspense } from "react";
|
|
|
|
const features = [
|
|
{
|
|
name: "Email & Password",
|
|
link: "https://www.better-auth.com/docs/authentication/email-password",
|
|
},
|
|
{
|
|
name: "Organization | Teams",
|
|
link: "https://www.better-auth.com/docs/plugins/organization",
|
|
},
|
|
{
|
|
name: "Passkeys",
|
|
link: "https://www.better-auth.com/docs/plugins/passkey",
|
|
},
|
|
{
|
|
name: "Multi Factor",
|
|
link: "https://www.better-auth.com/docs/plugins/2fa",
|
|
},
|
|
{
|
|
name: "Password Reset",
|
|
link: "https://www.better-auth.com/docs/authentication/email-password#request-password-reset",
|
|
},
|
|
{
|
|
name: "Email Verification",
|
|
link: "https://www.better-auth.com/docs/authentication/email-password#email-verification",
|
|
},
|
|
{
|
|
name: "Roles & Permissions",
|
|
link: "https://www.better-auth.com/docs/plugins/organization#roles",
|
|
},
|
|
{
|
|
name: "Rate Limiting",
|
|
link: "https://www.better-auth.com/docs/reference/security#rate-limiting",
|
|
},
|
|
{
|
|
name: "Session Management",
|
|
link: "https://www.better-auth.com/docs/concepts/session-management",
|
|
},
|
|
];
|
|
|
|
export default async function Home() {
|
|
return (
|
|
<div className="min-h-[80vh] flex items-center justify-center overflow-hidden no-visible-scrollbar px-6 md:px-0">
|
|
<main className="flex flex-col gap-4 row-start-2 items-center justify-center">
|
|
<div className="flex flex-col gap-1">
|
|
<h3 className="font-bold text-4xl text-black dark:text-white text-center">
|
|
Better Auth.
|
|
</h3>
|
|
<p className="text-center break-words text-sm md:text-base">
|
|
Official demo to showcase{" "}
|
|
<a
|
|
href="https://better-auth.com"
|
|
target="_blank"
|
|
className="italic underline"
|
|
>
|
|
better-auth.
|
|
</a>{" "}
|
|
features and capabilities. <br />
|
|
</p>
|
|
</div>
|
|
<div className="md:w-10/12 w-full flex flex-col gap-4">
|
|
<div className="flex flex-col gap-3 pt-2 flex-wrap">
|
|
<div className="border-y py-2 border-dotted bg-secondary/60 opacity-80">
|
|
<div className="text-xs flex items-center gap-2 justify-center text-muted-foreground ">
|
|
<span className="text-center">
|
|
All features on this demo are implemented with Better Auth
|
|
without any custom backend code
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div className="flex gap-2 justify-center flex-wrap">
|
|
{features.map((feature) => (
|
|
<a
|
|
className="border-b pb-1 text-muted-foreground text-xs cursor-pointer hover:text-foreground duration-150 ease-in-out transition-all hover:border-foreground flex items-center gap-1"
|
|
key={feature.name}
|
|
href={feature.link}
|
|
>
|
|
{feature.name}
|
|
</a>
|
|
))}
|
|
</div>
|
|
</div>
|
|
{/* @ts-ignore */}
|
|
<Suspense fallback={<SignInFallback />}>
|
|
{/* @ts-ignore */}
|
|
<SignInButton />
|
|
</Suspense>
|
|
</div>
|
|
</main>
|
|
</div>
|
|
);
|
|
}
|