Fullstack AI Fitness Coach Tutorial: NextJS, Typescript, React, ChatGPT, Tailwind, Prisma, Upstash
In today's tutorial, you'll learn how to build an AI fitness coach from scratch! This step-by-step tutorial is designed for coders of all levels who are interested in combining fitness and technology and potentially turning this idea into a SaaS business of their own. Technologies that you'll master in this tutorial: OpenAI Assistants, Planet Scale, Next.js 14,Tailwind CSS, TypeScript, and more! Grab the source code for free here 👇 https://brandonhancock.io/ai-fitness-coach Don't forget to Like and Subscribe if you're a fan of free source code 😉 Also, try out the app here before you build it 👇 https://david-goggins-ai-coach.vercel.app/ 📆 Need help with this project, join our free Skool Community! skool.com/ai-developer-accelerator/about If you want to learn more about my projects as I building them, you'll definitely want to follow me on LinkedIn and X: - https://www.linkedin.com/in/brandon-hancock-ai/ - https://twitter.com/bhancock_ai Here are a few other helpful resources that you should checkout: - https://www.simicart.com/manifest-generator.html/ - https://ui.shadcn.com/docs/installation/next - https://platform.openai.com/docs/assistants/how-it-works/runs-and-run-steps - https://clerk.dev/ - https://vercel.com/ - https://upstash.com/ Timestamps: 00:00:00 Introduction 00:02:00 Tutorial Overview 00:04:04 Setup NextJS Project 00:07:42 Setup Authentication - Clerk 00:15:14 Setup Pages and Routes For App 00:22:03 Create Navbar 00:28:08 Setup OpenAI Assistant Backend Code 01:03:23 Create Database with Prisma + Planetscale 01:13:39 Create AI Chat Page 02:39:28 Create Profile Page 03:24:22 Send Out AI Generated Workouts 03:44:14 Deploy App To Vercel 03:51:51 Convert App To Progressive Web App (PWA) 04:49:05 Demo PWA on iPhone 04:51:44 Automate Daily Messages with Upstash 04:57:30 Outro
