Rencity - Nền tảng Tìm kiếm Phòng trọ & Quản lý Cho thuê (Next.js & Nestjs)

Vai trò trong dự án: Core Frontend Developer Mô tả dự án: Rencity là hệ thống kết nối người đi thuê và chủ nhà, tập trung vào trải nghiệm tìm kiếm phòng trọ cực nhanh và chính xác. Tôi chịu trách nhiệm xây dựng toàn bộ giao diện phía người dùng và hệ thống quản trị dành cho chủ nhà, đảm bảo tính ổn định và tốc độ tải trang tối ưu. Công nghệ sử dụng: Next.js (App Router), Tailwind CSS, TanStack Query, Google Maps API, Axios. Các bài toán kỹ thuật tôi đã giải quyết: Tối ưu SEO tuyệt đối: Sử dụng Server-Side Rendering (SSR) của Next.js để đảm bảo hàng ngàn tin đăng phòng trọ được Google Index nhanh chóng, giúp từ khóa "tìm phòng trọ" luôn đạt thứ hạng cao. Tính năng Tìm kiếm & Bộ lọc thông minh: Xây dựng bộ lọc đa điều kiện (giá, khu vực, tiện ích) hoạt động mượt mà, phản hồi ngay lập tức (Real-time Filtering). Tối ưu hình ảnh: Xử lý hiển thị hàng loạt ảnh phòng trọ độ phân giải cao mà không làm chậm tốc độ load trang nhờ kỹ thuật Lazy Loading và Next/Image. Tích hợp Bản đồ trực quan: Triển khai bản đồ tìm kiếm khu vực, giúp người dùng dễ dàng xác định vị trí phòng trọ theo tọa độ thực tế. Quản lý State phức tạp: Sử dụng TanStack Query để đồng bộ dữ liệu giữa Client và Server, giảm thiểu số lượng request thừa và tối ưu băng thông. Lưu ý: Vì đây là sản phẩm thương mại đang hoạt động, tôi sẵn sàng demo chi tiết các module quản trị và luồng xử lý logic qua Google Meet nếu anh/chị cần thẩm định năng lực thực tế.