Ưu đãi trong tuần: Nhập mã UD50 giảm 50k cho đơn từ 300k!
Trang chủ
Menu

Vibe Coding: Build AI Apps with OpenAI, Supabase & n8n

Vibe Coding: Xây Dựng Ứng Dụng AI với OpenAI, Supabase & n8n

Vibe Coding: Xây Dựng Ứng Dụng AI với OpenAI, Supabase & n8n

Học cách xây dựng ứng dụng thực tế tích hợp AI với OpenAI, Supabase, n8n, VibeCoding, Stripe và các công cụ tự động hóa hiện đại

4.7
(101 đánh giá)
1,119 học viên
Phụ đề Việt chất lượng cao Phụ đề tiếng Anh Bán chạy Đánh giá cao
50.000đ 349.000đ -86%
✓ Xem giỏ hàng và thanh toán
Bao gồm phụ đề tiếng Việt, tiếng Anh
8.0 giờ video
54 bài giảng
Truy cập vĩnh viễn
Học trên mọi thiết bị
Cập nhật: 30/05/2026

Bạn sẽ học được gì

Xây dựng và triển khai ứng dụng AI full-stack sử dụng OpenAI, Supabase và n8n
Thiết kế quy trình tự động hóa tích hợp AI Agent và dữ liệu thời gian thực
Lưu trữ và truy vấn embeddings trong Supabase vector store cho các trường hợp sử dụng RAG
Tạo xác thực, giới hạn người dùng và thanh toán Stripe trong dự án thực tế

Yêu cầu

Hiểu biết cơ bản về cách hoạt động của API là hữu ích nhưng không bắt buộc
Quen thuộc với JavaScript hoặc bất kỳ ngôn ngữ lập trình nào là một lợi thế, nhưng không bắt buộc
Không cần kinh nghiệm trước về AI, OpenAI hay n8n — mọi thứ được giải thích từng bước
Sẵn sàng học hỏi thông qua việc xây dựng các dự án thực hành, thực tế

Đối tượng phù hợp

Dành cho nhà phát triển, người không phải lập trình viên, người sáng tạo và người học tò mò về công nghệ muốn xây dựng ứng dụng full-stack tích hợp AI bằng OpenAI, Supabase, n8n và các công cụ hiện đại — không yêu cầu kinh nghiệm AI trước đó.

Nội dung khóa học

10 phần • 54 bài giảng
1 Tại sao Khóa học này Quan trọng - Bức tranh Tổng thể
2 DEMO - Từ Ý tưởng đến Hiện thực - Xem Demo Ứng dụng Web Bạn sẽ Xây dựng
3 Những gì Bạn sẽ Học
4 Khóa học này Dành cho Ai
1 Tải xuống tất cả Tài nguyên Khóa học
1 Agent là gì
2 Quy trình Agentic - Kiến trúc & Agent so với Quy trình
3 Những gì Chúng ta sẽ Xây dựng
4 Công cụ Bạn sẽ Cần
1 Tổng quan về Quy trình N8N Đầy đủ
2 Thực hành: N8N - Thiết lập một Webhook Node
3 Vibecoding - Giới thiệu - Lộ trình Xây dựng Ứng dụng Web Cuối cùng của Chúng ta
4 Thực hành: Giới thiệu Công cụ Vibecoding Lựa chọn - Kiểm tra Webhook của chúng ta
5 Thực hành: Thêm Switch và File Extractor Nodes & Kiểm tra
6 Thực hành: Thay đổi tên File Binary trong Code - Xử lý Sự cố với Code
7 Thực hành: Thêm dữ liệu Tùy chỉnh vào Webhook - Thiết lập UserId
8 Code cho Bài giảng Tiếp theo
9 Thực hành: Code node - Trích xuất và Kết hợp Dữ liệu - Giải thích Code
10 Thực hành: Lấy UserId - Xử lý Sự cố trong Quy trình của chúng ta
11 RAG - Khóa học Cấp tốc
12 Cơ sở dữ liệu Supabase - Tổng quan
13 Đi sâu vào Cơ sở dữ liệu Vector - Cơ sở dữ liệu Vector so với Cơ sở dữ liệu Quan hệ
14 Đi sâu vào Embeddings và Vectors
1 Thiết lập Tài khoản Supabase
2 Thực hành: Thiết lập Supabase trong N8N và Tạo Bảng Supabase
3 Thực hành: Lưu các đoạn văn bản vào Vector Store - Bảng Documents
4 Thiết lập Chat AI Agent và Supabase Postgres Chat Memory cho N8N Agent
5 Thiết lập Hệ thống RAG - Thêm Tìm kiếm Ngữ nghĩa và Truy xuất Tài liệu Thực
1 Xác thực Supabase - Tổng quan Đầy đủ
2 Thiết lập Xác thực Supabase bằng Vibecoding - Đăng nhập Người dùng - Frontend
3 Trích xuất UserId Thực từ Người dùng Đã xác thực & Thêm vào Metadata DB
4 Tạo Giao diện Người dùng Chat và một Webhook chat N8N - Kiểm tra Chat qua Webhook
5 Kiểm tra Chatbot với Người dùng Khác nhau - Thiết lập Lọc Cơ sở dữ liệu Supabase
1 Tổng quan về Quy trình Phụ đề Video Youtube
2 Lấy Tài khoản RapidAPI và Kiểm tra API Phụ đề Youtube
3 Thiết lập RapidAPI - API Phụ đề Youtube và Quy trình
4 Kiểm tra Webhook và Lấy Phụ đề
5 Thêm một IF Node để kiểm tra Phụ đề
6 Lưu Phụ đề vào Supabase và Tạo Bảng Transcript: Lưu Embeds
7 Kiểm tra Internal Chat Node để Chat với Tài liệu Phụ đề Youtube - Gỡ lỗi
8 Kiểm tra Chat với Phụ đề đã Tải lên trong Frontend
1 Tổng quan về Vibecoding
2 Kích hoạt URL Webhook Production và Kiểm tra Ứng dụng
3 Cập nhật Giao diện Ứng dụng và Điều hướng
4 Hiển thị Danh sách Phụ đề đã Lưu và Hình thu nhỏ Video Youtube
5 Tùy chỉnh Giao diện Đăng nhập và Tạo Tài khoản Người dùng
1 Stripe và Thanh toán - Kiến trúc Gói Miễn phí và Cao cấp
2 Thiết lập Công cụ Giới hạn Sử dụng Người dùng và Kiểm tra
3 Thiết lập Tài khoản Stripe của Bạn - Sandbox để Kiểm tra
4 Thiết lập Thanh toán Stripe - Quy trình Đầy đủ
5 Triển khai Ứng dụng của chúng ta - Giai đoạn Đầu tiên
6 Triển khai và Gỡ lỗi Trang Thành công và Chuyển hướng URL
7 Chuyển sang Stripe Live - Hướng dẫn Đầy đủ
1 Tổng kết

Giới thiệu khóa học

Unlock the full power of AI by building real, production-ready applications — no fluff, no theory-only lessons.

In this hands-on course, you'll learn how to create full-stack AI-powered apps using the Vibe Coding workflow.

You'll connect tools like OpenAI, Supabase, n8n, and Stripe to build apps that go beyond basic demos — from data workflows and embeddings to user auth, chat interfaces, and payments.


You’ll start by learning how to build AI workflows using OpenAI and n8n, then integrate Supabase to handle vector storage, chat memory, and user authentication.

You’ll even learn how to query metadata, test webhooks, and build out a full front-end experience — including login/signup forms, transcript-driven UIs, and real-time chat. We’ll top it all off by integrating Stripe for a working free/pro plan flow and show you how to fully deploy your app to production.

Whether you're a developer, automation enthusiast, or entrepreneur looking to build your own AI tools — this course gives you the real skills and system design patterns to do it confidently.

By the end, you’ll not just understand AI workflows — you’ll have built and deployed a full-stack AI app from scratch.

And if you don’t find the course valuable, no worries — you’re covered by Udemy’s 30-day money-back guarantee. Enroll risk-free and start building!

Khóa học liên quan

Khám phá thêm các khoá học cùng chủ đề

Hiển thị tất cả khoá học Ai Development
Hiển thị tất cả khoá học Javascript
Hiển thị tất cả khoá học Node Js
Hiển thị tất cả khoá học Web Development
Zalo
Tôi có thể tư vấn khoá học cho bạn 😊