Building Meal Planner AI with Next.js & OpenAI
Learn how to create a Meal Planner AI project using Next.js framework in this easy-to-follow tutorial.
Here is the repo:
https://github.com/TheOrcDev/orcish-m...
Next video to watch:
• Fullstack Modern Admin Panel Tutorial in N...
⚔️ Join The Horde
Discord: / discord
Github: https://github.com/TheOrcDev
Some of the projects to check:
Connector: https://github.com/TheOrcDev/orcish-o...
AI Framework: https://github.com/TheOrcDev/orcish-a...
Orcish Admin: https://github.com/TheOrcDev/orcish-a...
00:00 Intro
01:11 Start
03:08 Fancy Landing Page
14:03 Meal Planner Form
21:33 Form Schema
38:15 AI Completion
40:16 Prompt
44:47 First Test
46:48 Display AI Data
50:13 Parsing the data
58:00 Styling
59:24 Testing
01:02:12 Loading
01:06:59 Styling of the Form
01:07:58 Final Test
01:08:43 Outro
#webdevelopment #orcdev #ai #mealplanner #shadcn #trpc #openai #react #nextjs #typescript