hệ thốngVS_CODE
Quay lại danh sách dự án
FULLSTACK DEV
const idol-land-real-estate = [2026] chi_tiet.du_anLIVE

IDOL LAND - Nền tảng bất động sản Đông Anh

Dự án freelance tự phát triển toàn bộ từ đầu đến cuối, gồm website bất động sản và hệ thống CMS cho IDOL LAND, tập trung vào mua bán nhà đất tại Đông Anh, Hà Nội. Nền tảng bao gồm trang tin đăng động, bộ lọc bất động sản, hệ thống nội dung SEO, form thu thập thông tin khách hàng, quản lý bài viết, quản lý media và dashboard admin phục vụ vận hành hằng ngày.

Vai trò
Fullstack Developer
Timeline
In progress
Năm
2026
Tech stack
11 công nghệ
Công nghệ
Next.js 16React 19TypeScriptPrismaPostgreSQLTailwind CSSFramer MotionRadix UITipTap EditorCloudflare R2Supabase
preview.tsx
Desktop Preview
www.bdsdonganh.com.vn
Mobile Mockup
Ảnh mobile của IDOL LAND - Nền tảng bất động sản Đông Anh
scope.json
Phạm vi sản phẩm
01

Website public cho khách hàng tìm kiếm bất động sản, đọc tin tức, xem dịch vụ và liên hệ tư vấn.

02

Trang admin cho đội vận hành đăng tin, chỉnh sửa nội dung, quản lý media và theo dõi lead.

03

Hệ thống SEO content cho các nhóm chủ đề như nhà đất bán, quy hoạch, Vinhomes Cổ Loa, đất tái định cư, đất đấu giá và dịch vụ nhà đất.

Luồng chính
01

Khách hàng xem danh sách bất động sản, áp dụng bộ lọc, mở trang chi tiết và gửi yêu cầu tư vấn.

02

Admin tạo/sửa tin bất động sản, cập nhật ảnh, pháp lý, vị trí, giá, diện tích, trạng thái đăng và thông tin SEO.

03

Admin quản lý bài viết, dịch vụ, danh mục, chủ đề bất động sản và cấu hình thông tin liên hệ toàn site.

04

Hệ thống tự tạo metadata, sitemap và redirect để giữ URL ổn định khi nội dung thay đổi.

engineering.ts
Quyết định kỹ thuật
01

Dùng Next.js App Router để tận dụng server components, metadata động và cache/revalidate cho các trang public.

02

Dùng Prisma + PostgreSQL để quản lý dữ liệu bất động sản có nhiều quan hệ và trạng thái vận hành rõ ràng.

03

Tách public site và admin dashboard trong cùng một codebase để giảm trùng logic và dễ đồng bộ dữ liệu.

04

Dùng TipTap cho rich text editor, Cloudflare R2/Supabase cho media và Radix UI cho các component quản trị ổn định.

Bài toán phức tạp
01

Thiết kế mô hình dữ liệu đủ rộng cho bất động sản: giá, đơn vị giá, diện tích, hướng, loại đất, pháp lý, vị trí, ảnh, video, topic, category và trạng thái đăng.

02

Xử lý SEO cho nhiều loại route động, bao gồm metadata, sitemap, slug, redirect và nội dung silo.

03

Đảm bảo cache public pages nhanh nhưng vẫn revalidate đúng khi admin cập nhật tin, bài viết hoặc cấu hình site.

04

Giữ trải nghiệm responsive tốt cho cả khách hàng mobile và admin/operator dùng desktop.

Kết quả đạt được
01

Tạo được nền tảng bất động sản có thể vận hành thực tế, không chỉ là landing page tĩnh.

02

Giúp doanh nghiệp chủ động đăng tin, xuất bản nội dung SEO và quản lý lead từ một hệ thống riêng.

03

Thể hiện năng lực fullstack với Next.js, database schema, CMS, SEO technical, UI responsive và workflow quản trị nội dung.

result.log
[!] Thách thức
Bài toán

Xây dựng một nền tảng bất động sản địa phương vừa có giao diện public chuyên nghiệp cho khách hàng, vừa có hệ thống quản trị nội dung đủ linh hoạt để đội vận hành có thể đăng tin, viết bài SEO, thu lead và cập nhật thông tin dịch vụ hằng ngày.

[✔] Kết quả

Hoàn thiện website bất động sản IDOL LAND với kiến trúc Next.js App Router, dữ liệu động từ PostgreSQL/Prisma, hệ thống admin CMS, listing/filter bất động sản, trang chi tiết chuẩn SEO, bài viết tin tức, trang dịch vụ pháp lý - đo đạc - tư vấn và luồng thu thập khách hàng tiềm năng.

[*] Điểm nổi bật
highlights.log
[01] [thành_công] => Xây dựng website public cho bất động sản Đông Anh với trang chủ, danh sách nhà đất bán, chi tiết bất động sản, tin tức, dịch vụ và các landing page SEO theo từng chủ đề.
[02] [thành_công] => Phát triển bộ lọc bất động sản theo danh mục, chủ đề, khu vực, loại đất, pháp lý, khoảng giá, diện tích và sắp xếp kết quả.
[03] [thành_công] => Thiết kế hệ thống admin CMS cho quản lý bất động sản, bài viết, danh mục, dịch vụ, media, lead và cấu hình thông tin website.
[04] [thành_công] => Tích hợp Prisma/PostgreSQL để quản lý dữ liệu có quan hệ: property, category, article, service, lead, redirect, user và site settings.
[05] [thành_công] => Tối ưu SEO bằng metadata động, sitemap, redirect khi đổi slug, cấu trúc silo nội dung và các landing page theo nhóm từ khóa bất động sản.
[06] [thành_công] => Xây dựng form thu lead và dashboard theo dõi yêu cầu tư vấn, giúp đội sale xử lý khách hàng mới nhanh hơn.
Sẵn sàng