Series Vibe Code · miễn phí · tiếng Việt

Tự làm web app thật, không cần biết code

Series video ngắn từ PapaIT, giúp bạn dễ dàng tạo web app để dùng nội bộ, chia sẻ với mọi người, và còn nhiều hơn nữa.

Tài liệu 3 bước có ảnh thật2 ngày 1 bài mớiKhông spam, huỷ lúc nào cũng được

▶ Xem series trên YouTube Truy cập sớm · xem hết ngay

Bắt đầu từ đây

3 công cụ phải có để vibe code

Đăng ký cả 3 chưa tới 15 phút. Kết nối xong, bạn chỉ việc nói chuyện với Claude, phần còn lại nó tự làm.

Claude

Làm ra ứng dụng

Bạn mô tả bằng tiếng Việt, Claude viết toàn bộ trang web, tạo chỗ lưu dữ liệu và xin phép bạn trước mỗi bước quan trọng.

Gói Pro ~20$/tháng để dùng Claude Code

Vercel

Đưa app lên mạng

Biến app trên máy thành một đường link thật, gửi qua Zalo, Messenger là ai cũng mở được trên điện thoại.

Gói Hobby miễn phí

Supabase

Lưu dữ liệu

Nơi cất thực đơn, đơn gọi món, danh sách khách… Claude tự tạo sheet và cài sẵn "ai được xem dòng nào" cho bạn.

Gói Free

Lộ trình 20 tập

Mỗi tập là một app thật, quay màn hình thật

Đã phát hành 2/20 tập. 2 ngày một tập mới, để lại email để không lỡ tập nào.

Cấp 1 · Cơ bảnlàm được app có link thật

▶

3 công cụ phải có: Claude · Vercel · Supabase

✓ Đã phát hànhTập 1

▶

Menu QR gọi món: khách tự gọi, quầy thấy ngay

✓ Đã phát hànhTập 2

🔔

Sửa app không sợ hỏng: quay lại bản cũ 1 chạm

Sắp ra mắtTập 3

🔔

Tên miền riêng: .com / .vn cho app

Sắp ra mắtTập 4

🔔

Đăng nhập bằng Google: cho app của bạn

Sắp ra mắtTập 5

🔔

Upload ảnh: album, khách gửi ảnh

Sắp ra mắtTập 6

Cấp 2 · Nâng caoapp dùng được cho công việc

🔔

Claude Code trên máy: khác gì bản web?

Sắp ra mắtTập 7

🔔

GitHub không cần code: lưu từng phiên bản

Sắp ra mắtTập 8

🔔

Email tự động: xác nhận & nhắc lịch

Sắp ra mắtTập 9

🔔

Gắn AI vào app: chatbot trả lời khách 24/7

Sắp ra mắtTập 10

🔔

Thu tiền bằng QR: VietQR cho app nhỏ

Sắp ra mắtTập 11

Cấp 3 · Chuyên nghiệpskills & quy trình

🔔

Skill làm UI đẹp: Claude làm như designer

Sắp ra mắtTập 12

🔔

Spec Kit: mô tả trước, làm đúng ngay

Sắp ra mắtTập 13

🔔

Figma → App: giống hệt bản thiết kế

Sắp ra mắtTập 14

🔔

Claude tự test app: tìm lỗi trước khi giao

Sắp ra mắtTập 15

🔔

Plugins & MCP: nối Sheets, Notion, Zalo

Sắp ra mắtTập 16

Cấp 4 · Bảo mật & vận hànhđưa lên mạng không lo

🔔

Giữ kín dữ liệu khách: guest key vs owner key

Sắp ra mắtTập 17

🔔

Chống spam form: captcha & giới hạn gửi

Sắp ra mắtTập 18

🔔

Checklist trước khi lên mạng: 10 điểm an toàn

Sắp ra mắtTập 19

🔔

Xem ai vào app: analytics & bắt lỗi

Sắp ra mắtTập 20

Tài liệu mới nhất

Bạn nhận được gì khi để lại email?

Bản hướng dẫn đầy đủ có ảnh, đọc trên điện thoại hoặc lưu PDF. Cứ 2 ngày ba gửi thêm một bài mới kèm câu yêu cầu mẫu.

Phần 1

Tạo 3 tài khoản

Claude, Vercel, Supabase: từng màn hình, chọn gì, bỏ qua gì, tốn bao nhiêu.

Phần 2

Kết nối vào Claude

Nối Vercel và Supabase vào claude.ai để Claude tự tạo dữ liệu và đưa app lên mạng.

Phần 3

App đầu tiên

Câu yêu cầu mẫu làm app có lưu dữ liệu, cách đọc các thẻ "Cho phép", kiểm tra trước khi gửi khách.

Hỏi đáp

Hay được hỏi

Mình không biết gì về code, làm được không?

Được. Cả series dành cho người chưa từng viết code. Bạn chỉ gõ tiếng Việt và bấm Cho phép khi Claude hỏi. Tài liệu giải thích từng thẻ Claude hiện ra.

Tốn bao nhiêu tiền?

Vercel và Supabase có gói miễn phí đủ cho app nhỏ. Claude cần gói Pro (khoảng 20$/tháng) để dùng Claude Code, là phần tự viết app và đưa lên mạng.

Dùng ChatGPT hay Gemini được không?

Hai công cụ đó làm được trang đơn giản để xem thử. Còn app có lưu dữ liệu và có link thật thì series dùng Claude, vì nó nối thẳng được với Vercel và Supabase.

Dữ liệu khách của mình có an toàn không?

Trong mỗi tập, ba dặn Claude cài "ai được xem dòng nào" ngay từ đầu: khách chỉ gửi được, không xem được thông tin của người khác. Tài liệu có phần mẹo an toàn riêng.

Email của mình dùng để làm gì?

Chỉ để gửi tài liệu vibe code, 2 ngày 1 bài. Không bán, không chia sẻ cho ai. Bạn muốn ngừng nhận thì trả lời email hoặc nhắn PapaIT là xong.