CodeCow/stack
1
0
Fork 0
mirror of https://github.com/stack-auth/stack.git synced 2026-06-04 21:04:37 +08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

Update user-onboarding.mdx (#251)

Browse Source
This commit is contained in:
Luke 2024-09-16 07:08:44 +10:00 committed by GitHub
parent f8258af7aa
commit c20bba6060
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
docs/fern/docs/pages/concepts/user-onboarding.mdx
View File

@ -19,7 +19,8 @@ First, let's create an onboarding page to collect the user's name and address, t
```jsx title="app/onboarding/page.tsx"
'use client';
import { useEffect, useState } from 'react';
import { useUser, useRouter } from '@stackframe/stack';
import { useUser } from '@stackframe/stack';
import { useRouter } from 'next/navigation';
export default function OnboardingPage() {
const user = useUser();
@ -29,7 +30,7 @@ export default function OnboardingPage() {
// Redirect to home if the user has already onboarded
useEffect(() => {
if (user.metadata.onboarded) {
if (user.clientMetadata.onboarded) {
router.push('/');
}
}, [user]);
@ -74,14 +75,15 @@ Next, we can create a hook/function to check if the user has completed onboardin
```jsx title="app/onboarding-hooks.ts"
'use client';
import { useEffect } from 'react';
import { useUser, useRouter } from '@stackframe/stack';
import { useUser } from '@stackframe/stack';
import { useRouter } from 'next/navigation';
export function useOnboarding() {
const user = useUser();
const router = useRouter();
useEffect(() => {
if (!user.metadata.onboarded) {
if (!user.clientMetadata.onboarded) {
router.push('/onboarding');
}
}, [user]);
@ -96,7 +98,7 @@ import { redirect } from 'next/navigation';
export async function ensureOnboarding() {
const user = await stackServerApp.getUser();
if (!user.metadata.onboarded) {
if (!user.serverMetadata.onboarded) {
redirect('/onboarding');
}
}
@ -138,4 +140,4 @@ export default async function HomePage() {
}
```
</Tab>
</Tabs>
</Tabs>