Ông Chú Vibe Coding

Khoá tự học · bán riêng

Tự dựng web bất động sản

Khó nhất khi tự làm web không phải cài công cụ, mà là không biết web mình gồm những gì, trang nào có khối nào, tính năng nào làm trước. Khoá này chia sẵn một web bất động sản thành 22 việc làm từ trên xuống, mỗi việc một câu giao cho AI và cách tự kiểm xem đã xong chưa, kèm bản vẽ từng trang như web thật.

  • 22 việc làm từ trên xuống
  • 7 trang khách xem
  • 6 màn quản lý
  • 11 bản vẽ như web thật

Mua một lần

Tự dựng web bất động sản

  • · 22 việc làm từ trên xuống, mỗi việc một câu giao cho trợ lý, một câu kèm từng bước, một câu chữa khi hỏng, và cách tự kiểm bằng mắt
  • · Mười file hồ sơ dự án tải về, viết sẵn cho web bất động sản — có phần bảo mật, kiểm thử, vận hành; bạn chỉ điền một phiếu thông tin
  • · Tặng gói Làm liền: cài máy, GitHub, Supabase, Vercel, từ điển
  • · Kiến thức chung (Supabase, tên miền, khoá dữ liệu, quản trị) nhúng ngay trong từng việc, không phải đi tìm bài
  • · Mã nguồn của web mẫu này tặng người mua khoá, tải ngay trong khoá. Đã chạy thử với kho dữ liệu thật. Dùng cho một web của bạn, không bán lại hay chia sẻ mã nguồn.

999.000₫một lần, dùng mãi

Quét mã QR qua PayOS, không cần tài khoản trước. Hàng số mở khoá liền nên không hoàn tiền — xem kỹ bản xem trước rồi hãy bấm.

Đã mua rồi? Đăng nhập bằng đúng email lúc mua.

Biết code rồi, chỉ cần bộ mã nguồn thôi? Mua riêng 499.000₫ — cùng bộ mã nguồn khoá này tặng, nhưng không có 22 việc và bản vẽ.

Web dựng theo khoá trông thế này

Chụp từ web mẫu dựng đúng theo 22 việc của khoá: trang khách xem trên máy tính, và khu quản lý kho căn trên điện thoại. Tên, người, số điện thoại và căn nhà là ví dụ; ảnh nhà là ảnh minh hoạ.

Trang chủ web mẫu, mẫu Lưới ô: thẻ tiêu đề khu Quận 7, Nhà Bè có ô tìm và bốn chip loại nhà, ảnh căn nổi bật, ô đếm số căn đang bán, ô ký gửi màu đất nung, hàng thẻ khu bên dưới
Trang chủ
Trang một căn web mẫu: bộ ảnh lớn kèm dải ảnh nhỏ, hình thửa vẽ theo số đo thật, khung giá có nút Hỏi căn này, Gọi, Zalo và máy tính trả góp
Chi tiết căn
Khu quản trị web mẫu trên điện thoại: thẻ căn có ba nút Còn, Cọc, Bán và thanh dưới năm ô
Quản lý kho căn · điện thoại

Mã nguồn của web mẫu này tặng người mua khoá, tải ngay trong khoá. Đã chạy thử với kho dữ liệu thật. Dùng cho một web của bạn, không bán lại hay chia sẻ mã nguồn.

Bên trong có gì

Đợt 1 · Lên mạng được

  1. 1Điền phiếu, cho trợ lý đọc cả bộ hồ sơ
  2. 2Dựng khung dự án an toàn
  3. 3Tắt đăng ký tài khoản trên Supabase
  4. 4Tạo bảng căn, bảng khách và khoá kho
  5. 5Nhập 5 căn thật kèm ảnh
  6. 6Trang chủ
  7. 7Trang Nhà đất có bộ lọc
  8. 8Trang một căn
  9. 9Nút gọi, Zalo và form để lại số
  10. 10Giới thiệu, Ký gửi, chính sách bảo mật
  11. 11Ảnh và tiêu đề khi dán link, sitemap
  12. 12Đưa lên mạng, gắn tên miền
  13. 13Thử trên điện thoại thật
  14. 14Gom kiểm thử thành một lệnh

Mốc dừng: Gửi link một căn cho một khách thật

Đợt 2 · Tự quản lý

  1. 15Đăng nhập quản trị có mã 6 số
  2. 16Bảng chủ nhà, ghi chú, nhật ký — khoá kín
  3. 17Kho căn: thêm, sửa, đổi trạng thái
  4. 18Khách và nhu cầu
  5. 19Chủ nhà
  6. 20Tổng quan quản trị
  7. 21Kho căn trên điện thoại
  8. 22Sao lưu và thử khôi phục

Mốc dừng: Một tuần tự quản kho căn không phải mở Supabase

Và 11 bản vẽ để tra cứu

Trang khách xem

  • Trang chủ12 khối
  • Nhà đất7 phần
  • Chi tiết một căn9 phần
  • Tin tức7 phần
  • Giới thiệu · Ký gửi và liên hệ7 phần

Màn quản trị

  • Quản trị · Tổng quan4 phần
  • Quản lý kho căn5 phần
  • Quản trị · Khách và nhu cầu4 phần
  • Quản trị · Chủ nhà5 phần
  • Quản trị · Bài viết4 phần

Trên điện thoại

  • Trên điện thoạicùng một trang, không làm trang thứ hai

Xem trước trọn một bảng

Bản vẽ Trang chủ đầy đủ chú thích từng khối. 22 việc cùng câu giao việc và mười bản vẽ còn lại mở sau khi mua.

Trang chủ — 12 khối

12 khối · làm ở đợt 1

Vẽ như web thật. Số tròn đất nung trên bản vẽ khớp với dòng bên phải. Chữ trong ngoặc vuông là chỗ bạn thay bằng thông tin thật trong phiếu. Mọi con số trên trang đếm từ kho, không gõ tay.

Bản vẽ cỡ màn máy tính — vuốt ngang để xem hết.

nhadatanphu.vn
1
NHÀ ĐẤT AN PHÚ
Nhà đấtKý gửiGiới thiệu
Gọi [số]
2

[KHU BẠN LÀM]

Nhà đất Quận 7, Nhà Bè — xem tận nơi, giấy tờ nói trước

KHU, ĐƯỜNG, MÃ CĂN

Quận 7

LOẠI

Nhà phố

Tìm
3 – 5 tỷ · 14 căn khớp
NỔI BẬT

4,2 tỷ

Nhà 1 trệt 2 lầu, hẻm xe hơi

Quận 7 · 4 × 15,5 m

3

Tìm theo khu

Quận 7

18 căn · từ 2,6 tỷ

Nhà Bè

9 căn · từ 1,9 tỷ

Bình Chánh

6 căn · từ 1,2 tỷ

Nhà phố dưới 5 tỷĐất nền dưới 2 tỷCăn hộ 2 phòng ngủ
4

Căn nổi bật

Xem tất cả →
NHÀ PHỐ

4,2 tỷ

Nhà 1 trệt 2 lầu, hẻm xe hơi

Quận 7 · 62m²

CĂN HỘ

2,9 tỷ

Căn 2 phòng ngủ view sông

Nhà Bè · 68m²

ĐẤT NỀN

1,6 tỷ

Lô góc sổ riêng, gần chợ

Bình Chánh · 100m²

NHÀ PHỐ

3,9 tỷ

Nhà 2 lầu hẻm 5m

Quận 7 · 55m²

5

Căn đã giao gần đây

12 căn trong 12 tháng · đếm từ kho

Nhà phố · Quận 7

khoảng 4,2 tỷ

tháng 08

Đất nền · Nhà Bè

khoảng 1,8 tỷ

tháng 07

Căn hộ · Quận 7

khoảng 2,9 tỷ

tháng 07

Nhà phố · Nhà Bè

khoảng 3,4 tỷ

tháng 06

6

Mua nhà cùng tôi, bốn bước

1

[Xem sổ gốc trước]

2

[Dẫn đi xem tận nơi]

3

[Thương lượng thay khách]

4

[Đi cùng tới công chứng]

7

Mua nhà

tìm, dẫn xem

Ký gửi bán

chủ nhà gửi căn

Cho thuê

nhà, mặt bằng

Pháp lý và vay

đi cùng tới ngân hàng

8

[TÊN BẠN] · [số năm] năm làm Quận 7

[Hai ba câu thật: chuyên khu nào, làm việc ra sao]. Ảnh chân dung chỉ hiện khi bạn có ảnh thật.

Giới thiệu
9

Hỏi đáp mua nhà

Phí môi giới ai trả, bao nhiêu?+
Đặt cọc thế nào cho an toàn?+
Vay ngân hàng được bao nhiêu phần trăm?+
10

Tính trả góp

Giá căn4,2 tỷ
Vay70%
Lãi · năm9% · 20 năm
Mỗi tháng~26,5 tr
11

Chưa thấy căn hợp? Để lại số, tôi gọi lại trong ngày.

Số điện thoạiGửi
12
Nhà Đất An Phú · [địa chỉ văn phòng][số điện thoại] · ZaloChính sách bảo mật

Từng khối làm gì

  1. 1
    Thanh đầu tranggọi AI là: headerĐợt 1

    Tên thương hiệu, ba mục menu, nút gọi. Trên điện thoại nút gọi thành biểu tượng — kiểm bằng điện thoại thật, đừng kéo hẹp cửa sổ.

    Dữ liệu: cố định trong code

  2. 2
    Khối mở đầugọi AI là: hero + ô tìm nhanhĐợt 1

    Tiêu đề hai vế: vế đầu nói khu, vế sau nói cách bạn làm. Ô tìm theo khu, đường, mã căn, loại, kéo tầm giá là thấy ngay bao nhiêu căn khớp. Bấm Tìm sang trang Nhà đất đúng bộ lọc.

    Dữ liệu: tiêu đề từ phiếu; số căn khớp đếm từ kho

  3. 3
    Tìm theo khugọi AI là: thẻ khu + lối tắtĐợt 1

    Mỗi khu một thẻ: số căn đang bán, giá thấp nhất. Dưới là vài lối tắt kiểu Nhà phố dưới 5 tỷ. Khu nào hết căn thì thẻ tự ẩn.

    Dữ liệu: đếm từ kho căn theo cột khu

  4. 4
    Căn nổi bậtgọi AI là: grid / thẻ cănĐợt 1

    Bốn thẻ: nhãn loại, giá, tên, khu, diện tích. Bấm thẻ ra trang Chi tiết. Căn đã bán tự rớt khỏi đây.

    Dữ liệu: kho căn, lọc trạng thái Còn + đánh dấu nổi bật

  5. 5
    Căn đã giao gần đâygọi AI là: bằng chứng giao dịchĐợt 1

    Căn bán được trong 12 tháng, lấy tự động từ kho: giá làm tròn, không tiêu đề, không số nhà. Kho chưa có căn đã bán thì ẩn khối.

    Dữ liệu: kho căn, trạng thái Đã bán — qua hàm công khai

  6. 6
    Quy trình bốn bướcgọi AI là: processĐợt 1

    Khách mua đi cùng bạn qua mấy bước, mỗi bước bạn làm gì. Viết việc thật, không viết tận tâm, uy tín.

    Dữ liệu: phiếu thông tin

  7. 7
    Việc tôi nhậngọi AI là: servicesĐợt 1

    Mua nhà, ký gửi bán, cho thuê, pháp lý và vay — việc nào không nhận thì gạch khỏi phiếu, khối tự bỏ ô đó.

    Dữ liệu: phiếu thông tin

  8. 8
    Về tôigọi AI là: aboutĐợt 1

    Tên thật, số năm làm, hai ba câu. Ảnh chân dung chỉ hiện khi có ảnh thật, không có khung ảnh trống.

    Dữ liệu: phiếu thông tin

  9. 9
    Hỏi đáp mua nhàgọi AI là: FAQĐợt 1

    Câu khách hay hỏi, trả lời theo cách bạn làm thật. Câu nào phiếu chưa có câu trả lời thì không hiện.

    Dữ liệu: phiếu thông tin

  10. 10
    Máy tính trả gópgọi AI là: calculatorĐợt 1

    Giá căn, phần trăm vay, lãi, số năm ra số tiền mỗi tháng. Tính ngay trên máy khách, không gửi đi đâu.

    Dữ liệu: tính tại chỗ

  11. 11
    Lời mời để lại sốgọi AI là: CTA + formĐợt 1

    Một ô số điện thoại, một nút, một ô đồng ý. Bấm gửi là tên khách nhảy vào màn Khách & nhu cầu.

    Dữ liệu: ghi vào bảng Khách

  12. 12
    Chân tranggọi AI là: footerĐợt 1

    Địa chỉ, số điện thoại, Zalo, link chính sách bảo mật — thu số điện thoại thì bắt buộc có trang này.

    Dữ liệu: phiếu thông tin