Welcome to Learning App! 👋
Please sign in to access your dashboard
How Authentication Works:
- Click "Sign In" or "Sign Up" in the header
- Clerk shows a beautiful modal (no coding needed!)
- Enter your email or use Google/GitHub
- Clerk handles everything (passwords, sessions, cookies)
- You're logged in! 🎉
🏗️ Authentication Flow:
1
Middleware (middleware.ts): Runs on every request, checks cookies
2
ClerkProvider (layout.tsx): Wraps app, provides auth context
3
Auth Components: SignedIn/Out show different content
4
Protected Routes: Use auth() to check server-side