How To Build a Web UI for your AI App (Clean & Functional)

Опубликовано: 08 Июль 2024
на канале: pixegami

7,629

238

Learn how to build a clean and functional NextJS frontend for your RAG/AI API.

The AI app is a RAG (Retrieval Augmented Generation) app, built using Python and FastAPI, and hosted on AWS. The frontend will be using NextJS, TailwindCSS, and shadcn/ui components. The site will be fully static (free/cheap to host, without a dedicated server) and can generally be adapted to any kind of API backend.

👉 Links
🔗 Project: https://github.com/pixegami/deploy-ra...
🔗 Demo: https://rag.pixegami.io
🔗 API: https://api.rag.pixegami.io
🔗 UI Library: https://ui.shadcn.com

👉 Previous RAG Tutorials
💡    • RAG + Langchain Python Project: Easy ...
💡    • Python RAG Tutorial (with Local LLMs)...
💡    • How To Deploy Your RAG/AI App On AWS ...

📚 Chapters
00:00 - Introduction
02:43 - Architecture Overview
06:24 - Generate an API Client
09:32 - Implement "ViewQuery" Page
15:27 - Rendering Components
19:31 - Implement "SubmitQuery" Form
25:07 - Implement "QueryList" Component
28:26 - Final Layout

Смотрите видео How To Build a Web UI for your AI App (Clean & Functional) онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь pixegami 08 Июль 2024, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 7,629 раз и оно понравилось 238 людям.

47,698