Plus

This lesson is part of Plus

Project Setup and Vibe Coding the Chat UI · RAG for Real-World AI Applications

Lesson 4 of 30 in RAG for Real-World AI Applications. Plus opens every course and every lesson, and new ones as they ship.

Price
$219/year
Refund
30 days

Project Setup and Vibe Coding the Chat UI

In this lesson, we bootstrap an MDN chatbot UI with Next.js. Using agents in Cursor helps us getting a working UI prototype very quickly. It’s a fairly complex task, involving multiple files and various interactions, so we use Claude sonnet 4 to handle the task. Next.js Bootstrapping Answers: ✔ What…

The full notes, transcript and prompts open with Plus.

Keyboard shortcuts

SpaceK
Play or pause
JL
Back or forward 10 seconds
O
Outline
F
Fullscreen
ShiftN
Next lesson
?
This list

Shortcuts work while the video area has focus (click beside the video or tab to it), so they never clash with screen reader or speech input keys.

Single-key shortcuts