Build an AI UI Generator with Gemini API, Next.js (Tutorial)
HTML-код
- Опубликовано: 31 июл 2024
- Let's building a Text-to-Frontend UI Generator using Next.js and Gemini API. This will become the basis for the "GenerativeUI" application we'll build in future.
GitHub repo: github.com/avionmission/ui-ge...
Follow me on twitter: x.com/avionmission
Timestamps
00:00 What we'll build
01:08 create-next-app
01:47 Empty Canvas
02:19 Prompt
03:03 Adjust CSS
04:09 Gemini API Key
05:00 API Route
12:55 Handler function
18:23 Fixing Error 1
19:11 Fixing Error 2
19:57 Fixing Error 3
20:44 Testing
21:25 Parsing JSX code
23:21 handleCopy
25:03 See ya
Waiting to learn and implement
Excellent job 👏👏👏
New sub, you added value to my coding journey
Thanks for the support brother 🙏