40 lines
1.4 KiB
TypeScript
40 lines
1.4 KiB
TypeScript
import Link from 'next/link'
|
|
|
|
import { Gutter } from './_components/Gutter'
|
|
|
|
export default function Home() {
|
|
return (
|
|
<Gutter>
|
|
<h1>Payload Auth Example</h1>
|
|
<p>
|
|
{'This is a '}
|
|
<Link href="https://payloadcms.com" target="_blank" rel="noopener noreferrer">
|
|
Payload
|
|
</Link>
|
|
{' + '}
|
|
<Link href="https://nextjs.org" target="_blank" rel="noopener noreferrer">
|
|
Next.js
|
|
</Link>
|
|
{' app using the '}
|
|
<Link href="https://nextjs.org/docs/app" target="_blank" rel="noopener noreferrer">
|
|
App Router
|
|
</Link>
|
|
{" made explicitly for Payload's "}
|
|
<Link href="https://github.com/payloadcms/payload/tree/master/examples/auth/cms">
|
|
Auth Example
|
|
</Link>
|
|
{". This example demonstrates how to implement Payload's "}
|
|
<Link href="https://payloadcms.com/docs/authentication/overview">Authentication</Link>
|
|
{' strategies in both the REST and GraphQL APIs.'}
|
|
</p>
|
|
<p>
|
|
{'Visit the '}
|
|
<Link href="/login">Login</Link>
|
|
{' page to start the authentication flow. Once logged in, you will be redirected to the '}
|
|
<Link href="/account">Account</Link>
|
|
{` page which is restricted to users only. To toggle APIs, simply toggle the "api" prop between "rest" and "gql" in "_app.tsx".`}
|
|
</p>
|
|
</Gutter>
|
|
)
|
|
}
|