An AI tutor that engages - an experiment using Generative UI
- Next.js App Router + React Server Components
- Vercel AI SDK 3.0 for Generative UI
- OpenAI Tools/Function Calling
- shadcn/ui
- See the demo
- This project is inspired by the great demo from anis-marrouchi, check it here
- If you want a platform to build AI tutors like this, check https://www.everlynai.com
You will need to use the environment variables defined in .env.example
to run Next.js AI Chatbot. It's recommended you use Vercel Environment Variables for this, but a .env
file is all that is necessary.
Note: You should not commit your
.env
file or it will expose secrets that will allow others to control access to your various OpenAI and authentication provider accounts.
- Install Vercel CLI:
npm i -g vercel
- Link local instance with Vercel and GitHub accounts (creates
.vercel
directory):vercel link
- Download your environment variables:
vercel env pull
pnpm install
pnpm dev
Your app should now be running on localhost:3000.