Building a Web UI for RAG/AI Apps with NextJS and TailwindCSS
Offered By: pixegami via YouTube
Course Description
Overview
Build a clean and functional NextJS frontend for a RAG (Retrieval Augmented Generation) AI app using Python, FastAPI, TailwindCSS, and shadcn/ui components. Learn to create a fully static site that can be adapted to any API backend, with step-by-step guidance on architecture overview, API client generation, implementing various pages and components, and finalizing the layout. Gain insights into connecting the frontend with a Python and FastAPI backend hosted on AWS, and explore how to create an efficient user interface for AI applications.
Syllabus
- Introduction
- Architecture Overview
- Generate an API Client
- Implement "ViewQuery" Page
- Rendering Components
- Implement "SubmitQuery" Form
- Implement "QueryList" Component
- Final Layout
Taught by
pixegami
Related Courses
Introduction to ReactJSMicrosoft via edX Front-End Web Development with React
The Hong Kong University of Science and Technology via Coursera Multiplatform Mobile App Development with React Native
The Hong Kong University of Science and Technology via Coursera Client-based Web Applications development: ReactJS & Angular
Universidad Politécnica de Madrid via MirÃadax React
Udacity