Mark Henderson
6764c1feb0
- Install supertokens-auth-react, supertokens-node, supertokens-web-js - Create frontend and backend SuperTokens configuration - Add API route handler for auth endpoints - Add SuperTokensProvider wrapper in root layout - Create new auth component with SuperTokens UI - Configure Google and GitHub OAuth providers - Ready for SuperTokens core deployment Co-authored-by: Cursor <cursoragent@cursor.com>
21 lines
654 B
TypeScript
21 lines
654 B
TypeScript
"use client";
|
|
|
|
import { useEffect } from "react";
|
|
import { redirectToAuth } from "supertokens-auth-react";
|
|
import { ThirdPartyEmailPasswordPreBuiltUI } from "supertokens-auth-react/recipe/thirdpartyemailpassword/prebuiltui";
|
|
import { canHandleRoute, getRoutingComponent } from "supertokens-auth-react/ui";
|
|
|
|
export default function SuperTokensAuthComponent() {
|
|
useEffect(() => {
|
|
if (!canHandleRoute([ThirdPartyEmailPasswordPreBuiltUI])) {
|
|
redirectToAuth();
|
|
}
|
|
}, []);
|
|
|
|
if (canHandleRoute([ThirdPartyEmailPasswordPreBuiltUI])) {
|
|
return getRoutingComponent([ThirdPartyEmailPasswordPreBuiltUI]);
|
|
}
|
|
|
|
return <div>Loading...</div>;
|
|
}
|