데브허브 | DEVHUB | Build Your Own AI Fitness Trainer for Free - Full Next.js ProjectBuild Your Own AI Fitness Trainer for Free - Full Next.js Project
Try Vapi for FREE: https://vapi.sh/B53xaCO
Try Clerk for FREE: https://go.clerk.com/48TobXv
My 100+ Hours Udemy Course: https://dub.sh/udemy-discount
📚 Resources:
Source Code: https://github.com/burakorkmez/codefl...
Assets: https://github.com/burakorkmez/codefl...
Diagrams: https://app.eraser.io/workspace/qGjkX...
🔗 Links:
Join discord to ask your questions: / discord
Follow me on X: https://x.com/codesistency
Key Features:
🚀 Tech stack: Next.js, React, Tailwind & Shadcn UI
🎙️ Voice AI Assistant (Vapi)
🧠 LLM Integration (Gemini AI)
🏋️ Personalized Workout Plans
🥗 Custom Diet Programs
🔒 Authentication & Authorization (Clerk)
💾 Database (Convex)
🎬 Real-time Program Generation
💻 Layouts
🎭 Client & Server Components
Timestamps:
00:00:00 - Project Preview
00:05:07 - 1- Setting Up Our Project
00:13:09 - 2- Setting Up Authentication
00:24:17 - 3- Setting Up Our Voice Agent
00:35:59 - 4- Setting Up Our Database
00:50:35 - 5- Understanding & Implementing Webhooks
01:08:16 - 6- Home Screen UI Design
01:39:36 - 7- Generate Program Page Setup
01:53:55 - 8- Generate Program Page UI
02:14:45 - 9- Completing Our AI Workflow
02:41:29 - 10- Building Our Profile Page
03:11:45 - 11- Final Optimizations
03:22:20 - 12- Deployment
#reactjs #programming #coding #nextjs