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-meal-planner

Next video to watch:
https://www.youtube.com/watch?v=mG5UMfs_jaA&ab_channel=OrcDev

⚔️ Join The Horde
- Discord:  https://discord.com/invite/uFB5YzH9YG
- Github: https://github.com/TheOrcDev

Some of the projects to check:
Connector: https://github.com/TheOrcDev/orcish-openai-connector
AI Framework: https://github.com/TheOrcDev/orcish-ai-nextjs-framework
Orcish Admin: https://github.com/TheOrcDev/orcish-admin

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

OrcDev

Community

Community Picks is a section on daily.dev where our community members share the most interesting and valuable content they've discovered online. From insightful articles to handy tools, every post is a gem curated by our dedicated coomunity. To contribute to Community Picks, you need to have at least 250 reputation points, ensuring that only active and trusted members can share their finds.

Community Picks

Building Meal Planner AI with Next.js & OpenAI

<p>Great tutorial! The step-by-step guidance on building a real-time chat app with Node.js, Express, and <a href="http://Socket.io" target="_blank" rel="noopener nofollow">Socket.io</a> was clear and easy to follow. I especially appreciated the explanation of how to handle user connections and broadcasting messages. This was super helpful for getting started with real-time applications. Thanks for sharing this valuable content!</p>
