Authentication Guide
Authentication Setup
Section titled “Authentication Setup”Sports Live uses Clerk for user authentication, providing secure login/signup flows and session management.
Environment Setup
Section titled “Environment Setup”Add your Clerk publishable key to your environment:
REACT_APP_CLERK_PUBLISHABLE_KEY=your_clerk_publishable_key
Components
Section titled “Components”LoginPage.js
- Handles both login and signup flows- Uses Clerk’s
useSignIn
anduseSignUp
hooks - Integrates with
ClerkProvider
at the app level
The app automatically redirects unauthenticated users to the login page and authenticated users to the dashboard. Clerk handles all the security and session management automatically.
Further reading
Section titled “Further reading”- Clerk Documentation for detailed setup instructions
- Read about how-to guides in the Diátaxis framework