Trang chủ · mẫu Lưới ô (mẫu đang dùng sẵn) · bấm để xem lớn
1/9
Web bất động sản — Kho căn (Full Source)
Bộ mã nguồn web cho một môi giới hoặc sàn nhỏ, đã chạy thật với kho dữ liệu Supabase: khách lọc căn theo khu, loại, giá, giấy tờ, xem từng căn, gửi link qua Zalo và để lại số; bạn vào khu quản trị trên điện thoại quản kho căn, khách, chủ nhà và viết bài Kinh nghiệm. Trang chủ có năm mẫu nằm sẵn trong cùng bộ mã — vào Quản trị bấm một nút là đổi, cả web đổi theo. Phần khó nhất đã làm sẵn: số khách và thông tin chủ nhà khoá ngay trong kho dữ liệu, ảnh xoá toạ độ GPS trước khi lưu, xoá số theo yêu cầu đúng luật 2025. Kèm bộ hồ sơ tám file viết cho trợ lý AI đọc, nên mở bằng Claude Code là sửa tiếp được ngay. Dùng cho một web của bạn, không bán lại.
Mở khoá ngay khi PayOS xác nhận · link tải có hạn 1 tiếng, hết hạn thì vào sinh lại, quyền sở hữu vẫn của anh/chị.
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. Vì sao
Chưa từng tự dựng web bao giờ? Bộ mã nguồn này nằm sẵn trong khoá Tự dựng web bất động sản — ở đó có thêm 22 việc làm từ trên xuống và bản vẽ từng trang, để biết mở file nào ra sửa gì.
Có gì trong app
Trang khách xem
Năm mẫu trang chủ, đổi bằng một nút
Lưới ô, Tối giản, Tìm trước, Nền tối, Giấy can — cùng một bộ mã. Vào Quản trị chọn Giao diện, bấm Dùng mẫu này là khách thấy ngay; các trang khác và khu quản trị đổi màu, kiểu nút theo.
Nhà đất: lọc nằm trên địa chỉ trang
Lọc theo khu, loại, tầm giá, diện tích, giấy tờ; thước kéo tầm giá báo ngay còn mấy căn khớp. Gửi link cho khách là họ thấy đúng danh sách bạn vừa lọc.
Trang từng căn và bàn so thửa
Bộ ảnh xem toàn màn hình, thông số, thửa đất vẽ theo số đo thật, máy tính trả góp, nút Gọi và Zalo dính đáy trên điện thoại. Đặt tối đa ba căn lên bàn so để so thửa cùng một tỉ lệ.
Kinh nghiệm: bài viết theo khu
Bạn viết bài bằng chữ thường, gắn được căn đang bán vào giữa bài; căn bán rồi thì thẻ tự ẩn. Chưa viết bài nào thì mục này tự ẩn khỏi menu.
Ký gửi và để lại số
Chủ nhà gửi căn qua form, đổ thẳng vào kho ở trạng thái nháp chờ bạn duyệt. Form có bẫy bot, chặn gửi dồn dập, có ô đồng ý lưu số đúng luật.
Khu quản trị (11 màn, dùng trên điện thoại)
Kho căn
Thêm, sửa, tải ảnh, đổi trạng thái Còn / Đang cọc / Đã bán bằng ba nút to. Không có nút xoá — căn đã bán vẫn giữ để tra lại.
Khách và chủ nhà
Khách để lại số về đây kèm nhu cầu, có dòng thời gian ghi chú sau mỗi cuộc gọi. Chủ nhà có ô đánh dấu đã xem sổ gốc và ghi chú chỉ mình bạn đọc.
Thêm ra màn hình chính, báo khi có khách
Khu quản trị thêm ra màn hình chính điện thoại, mở như app. Có khách để lại số hay chủ nhà ký gửi là máy báo ngay, nội dung báo không mang tên hay số của khách.
Nhật ký ai sửa gì
Mỗi lần đổi giá, đổi trạng thái, đăng bài hay đổi giao diện đều ghi một dòng. Xem lại được cả giá trị cũ và mới.
Phần khó nhất đã làm sẵn
Khoá dữ liệu ngay trong kho
Tên, số điện thoại, ghi chú của chủ nhà không có đường nào ra trang khách; số khách để lại chỉ tài khoản quản trị đọc được, kể cả khi có người gọi thẳng vào kho bằng khoá công khai.
Ảnh xoá toạ độ GPS
Ảnh chụp bằng điện thoại đi qua máy chủ: xoay đúng chiều, thu nhỏ hai cỡ, xoá thông tin vị trí trước khi lưu. Ai tải ảnh về cũng không ra vị trí căn nhà.
Xoá số theo yêu cầu, đúng luật 2025
Khách xin xoá thì xoá thông tin cá nhân bằng một nút, dòng vẫn giữ để không hỏng lịch sử. Có sẵn trang chính sách bảo mật và câu đồng ý lưu nguyên văn.
Kèm trong file
40 bài kiểm chạy bằng một lệnh
npm test dựng lại Postgres ngay trên máy, đóng vai người lạ đọc và ghi thử để chắc luật khoá kho còn nguyên. Thêm npm run soat-khoa kiểm lại trên dự án Supabase thật.
Bộ hồ sơ tám file cho trợ lý AI
CLAUDE.md và thư mục ho-so ghi dự án gồm gì, luật nào không được phá, sửa gì đặt ở đâu. Mở bằng Claude Code là trợ lý hiểu dự án ngay, không phải kể lại từ đầu.
README chạy lần đầu, chín bước
Từ cài máy, tạo dự án Supabase, chạy bảy file tạo bảng, nạp mười căn mẫu, tới đưa lên mạng và gắn tên miền. Có cả phần chi phí phải biết trước.
- Source code .zip chạy được ngay
- Ghi chú biến môi trường và deploy
- Bản vá về sau, tải lại không mất phí
Cầm về rồi dùng sao
5 bước từ lúc mở khoá tới lúc trang chạy được
- 01
Tải file .zip về máy
Vào Tài khoản → Kho của tôi, bấm tải. Link ký riêng cho anh/chị, hết hạn thì vào sinh lại, không giới hạn số lần.
- 02
Mở bằng Claude Code rồi chạy thử
Giải nén, mở thư mục bằng ứng dụng Claude tab Code. Bộ hồ sơ đi kèm nằm sẵn trong đó nên trợ lý đọc là hiểu dự án, không phải kể lại từ đầu.
Xem hết 5 bướcThu gọn
- 03
Nối kho dữ liệu của anh/chị
README đi kèm ghi đủ: tạo dự án Supabase, chạy các file tạo bảng, dán hai khoá vào file môi trường. Chạy được trên máy rồi mới tính chuyện lên mạng.
- 04
Đổi tên, số điện thoại, màu
Chữ cố định gom một chỗ, màu và cỡ chữ đọc từ token — sửa một file là cả web đổi theo, không phải đi dò từng trang.
- 05
Đưa lên mạng
Đẩy lên GitHub rồi nối Vercel. Ghi chú đi kèm liệt kê đủ biến môi trường và việc phải làm trước khi mở cho khách thật.
Bên trong bộ mã nguồn
BỘ MÃ NGUỒN WEB BẤT ĐỘNG SẢN — BẢN XEM TRƯỚC Đây không phải một món prompt. Đây là bộ mã nguồn chạy được: tải về, cài, chạy lên là có web thật, rồi sửa thành web của bạn. Web gồm hai nửa. Nửa khách xem: trang chủ, Nhà đất lọc theo khu, loại, giá, diện tích và giấy tờ, trang từng căn, mục Kinh nghiệm cho bạn viết bài theo khu, Giới thiệu, Ký gửi và Chính sách bảo mật. Nửa của bạn là khu quản trị mười một màn, dùng được trên điện thoại: kho căn, khách và nhu cầu, chủ nhà, bài Kinh nghiệm, Giao diện, nhật ký ai sửa gì. Trang chủ có năm mẫu nằm sẵn trong cùng bộ mã: Lưới ô, Tối giản, Tìm trước, Nền tối, Giấy can. Vào Quản trị chọn Giao diện, bấm một nút là đổi, cả web đổi màu và kiểu nút theo. Không sửa dòng code nào, không mất dữ liệu nào. Phần khoá dữ liệu làm sẵn, và đây là phần khó nhất nếu tự viết: tên, số điện thoại và ghi chú của chủ nhà khoá ngay trong kho chứ không phải giấu trên giao diện; số khách để lại chỉ tài khoản quản trị đọc được, kể cả khi có người gọi thẳng vào kho bằng khoá công khai; ảnh chụp bằng điện thoại được xoá toạ độ GPS trước khi lưu; khách xin xoá số thì xoá được bằng một nút theo Luật Bảo vệ dữ liệu cá nhân 2025. Trong file có 214 file, 7 file tạo bảng chạy theo thứ tự, 40 bài kiểm tự động chạy bằng một lệnh, và bộ hồ sơ tám file viết cho trợ lý AI đọc. Mở dự án bằng Claude Code là trợ lý biết dự án gồm những gì, luật nào không được phá, sửa gì thì đặt ở đâu. Bạn cần chuẩn bị: một tài khoản Supabase (gói miễn phí đủ chạy), một tài khoản Vercel để đưa lên mạng, và một buổi tối để đi hết phần Chạy lần đầu trong README. Dùng cho một web của bạn, một tên miền, sửa thoải mái. Không bán lại hay chia sẻ mã nguồn; kho GitHub để chế độ riêng tư. Đủ chữ ở file DIEU-KHOAN.md trong bộ. [Bản đầy đủ là file .zip 214 file — mã nguồn, bộ hồ sơ, bài kiểm và README chạy lần đầu; tải bằng link riêng sau khi thanh toán]
Đây là phần kể lại bên trong có gì. File mã nguồn mở khoá ngay sau khi thanh toán thành công.
Hỏi đáp
Em được dùng món này tới đâu?
Đọc dòng quyền dùng ghi trong phần mô tả ngay trên trang này — mỗi món một kiểu. Món ghi “một web của bạn, không bán lại” thì đúng là một web của anh/chị; món không ghi giới hạn thì dùng cho dự án thương mại thoải mái. Chỗ nào cũng cấm bán lại nguyên si chính món đó như sản phẩm của mình.
Mua xong bao lâu thì nhận được hàng?
Ngay lập tức. PayOS báo về là hệ thống tự mở khoá, không phải chờ ông chú duyệt tay.
Sau này ông chú sửa lỗi thì em có được bản mới không?
Có, không mất thêm phí. Vào lại trang này là tải được bản mới nhất.
Thanh toán qua PayOS — xác nhận tự động, không phải chờ duyệt tay.