Spec Vibe Session | Claude Code: Building OTP Email Authentication with Supabase & Next.js | Part 1

Описание: In this Claude Code spec vibe code session, I integrate a complete email OTP authentication system into my personal website using Supabase as the backend. Watch as I leverage AI tools like Claude Code to speed up development while following proper software engineering practices with Jira task management and GitHub workflows.

🛠️ Technologies & Tools Used:

Core Stack:
• [Supabase](https://supabase.com) - Backend & OTP authentication
• [Next.js](https://nextjs.org) - Web framework
• [Vercel](https://vercel.com) - Deployment & hosting
• [Shadcn UI](https://ui.shadcn.com) - UI component library
• [Aceternity UI](https://ui.aceternity.com/) - UI component library


AI & Development Tools:
• [Claude Code](https://docs.claude.com/en/docs/claud...) - AI coding assistant (Main tool!)
• [Claude Desktop](https://claude.ai) - Deep research mode
• [Grok Code](https://x.ai/) - Alternative AI assistant
• [Perplexity](https://pplx.ai/samisabir267142) - Research & documentation

Project Management:
• [Jira](https://www.atlassian.com/software/jira) - Task & backlog management
• [GitHub](https://github.com) - Version control
• [Husky](https://typicode.github.io/husky/) - Git hooks & pre-commit checks
• [Warp Terminal](https://app.warp.dev/referral/LWVMVZ) - Modern terminal (the one I'm using!)

📚 Helpful Resources Mentioned:
• [OpenAI Academy](https://academy.openai.com)
• [Claude for Education](https://www.anthropic.com/education)
• [DeepLearning.AI](https://www.deeplearning.ai)
• AI Engineering Community

---

*💬 What We Cover in This Claude Code Session:*
✅ Setting up Jira for proper task management
✅ Researching with Claude Desktop & Perplexity
✅ Configuring Supabase OTP email authentication
✅ Creating client utilities for browser & server components
✅ Implementing session management middleware
✅ Building login UI with Shadcn components
✅ Testing the complete authentication flow

---

🔗 Project Links:
If you would like the Codebase email me at [email protected]

👍 If you found this helpful, drop a like and subscribe for Part 2 of this Claude Code series!

#ClaudeCode #VibeCoding #OTP #Supabase #NextJS #AI #WebDevelopment #Authentication #vibecode