Skip to content

Authentication Guide

Sports Live uses Clerk for user authentication, providing secure login/signup flows and session management.

Add your Clerk publishable key to your environment:

.env.local
REACT_APP_CLERK_PUBLISHABLE_KEY=your_clerk_publishable_key
  • LoginPage.js - Handles both login and signup flows
  • Uses Clerk’s useSignIn and useSignUp 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.