mirror of
https://github.com/hanzoai/next.js.git
synced 2026-09-24 17:00:51 +00:00
5b48db23b1
### What? [1] Add protected page [2] Add pending state ### Why? [1] People using incorrect ways to protect pages [2] No feedback that the login page is doing anything when buttons clicked ### How? [1] Redirect user to protected page after successful authentication [2] Use useFormStatus to determine whether the form is in a pending state --------- Co-authored-by: Sam Ko <[email protected]>
23 lines
595 B
TypeScript
23 lines
595 B
TypeScript
import Link from "next/link";
|
|
import Step from "./Step";
|
|
|
|
export default function SignUpUserSteps() {
|
|
return (
|
|
<ol className="flex flex-col gap-6">
|
|
<Step title="Sign up your first user">
|
|
<p>
|
|
Head over to the{" "}
|
|
<Link
|
|
href="/login"
|
|
className="font-bold hover:underline text-foreground/80"
|
|
>
|
|
Login
|
|
</Link>{" "}
|
|
page and sign up your first user. It's okay if this is just you for
|
|
now. Your awesome idea will have plenty of users later!
|
|
</p>
|
|
</Step>
|
|
</ol>
|
|
);
|
|
}
|