YoVDO

Building a Web UI for RAG/AI Apps with NextJS and TailwindCSS

Offered By: pixegami via YouTube

Tags

Web Development Courses React Courses User Interface Design Courses Retrieval Augmented Generation (RAG) Courses Retrieval Augmented Generation Courses

Course Description

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
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 ReactJS
Microsoft 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