Supabase を使用して Next.js ルートを保護する

Question

私は保護ページを作成することでルート保護を実装します。ユーザーがログインしていないときは保護するページでそれをラップしますが、ユーザーがログインしている場合はログイン ページに戻されます。保護されたページに何が欠けているのか気になります。 Protect.js で実装したものは次のとおりです:

リーリー

以下は私の保護されたページです:

リーリー

supabase の getUser() フックを使用して supabase からユーザーを取得しようとしましたが、機能しません

Answer 1

.getUser() は非同期メソッドであるため、値を取得するには await を使用する必要があります。これは data と error のみを返します。 オブジェクトなので、user または isLoading はありません。

リーリー

useEffect で .getUser() を呼び出すことができます。これにより、data が空の場合にユーザーがログイン ページにルーティングされます。