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

Комментарии • 4