Back to Home

CityNest

Modern real estate property listing platform for Myanmar market. Features interactive Mapbox maps with property clustering, advanced search filters, admin dashboard with full CRUD operations, MDX-powered blog, and Cloudflare R2 image storage.

Visit
Fullstack
Next.jsNext.jsReactReactTypeScriptTypeScriptTailwind CSSTailwind CSSAnt DesignAnt DesignPostgreSQLPostgreSQLPrisma ORMPrisma ORMMapboxMapbox
CityNest

CityNest is a full-stack real estate property listing platform built for the Myanmar market. It helps users discover dream properties with interactive maps, advanced search capabilities, and a seamless browsing experience.

Key Features:
  • Interactive Mapbox maps with property clustering
  • Advanced filtering by type, location, price range, and features
  • Property favorites and comparison
  • Customer inquiry system
  • MDX-powered blog for real estate insights

Architecture

The platform consists of two main parts: a public-facing property marketplace and a comprehensive admin dashboard.

Frontend: Built with Next.js 16, React 19, and TypeScript. Uses Tailwind CSS and Ant Design for UI components. TanStack React Query handles server state management.

Backend: Next.js API Routes and Server Actions handle all backend logic. PostgreSQL with Prisma ORM provides the data layer. NextAuth v5 manages JWT-based authentication.

Storage & Maps: Cloudflare R2 (S3-compatible) handles image storage with CDN delivery. Mapbox GL powers the interactive property exploration with clustering support.

Public Website

  • Property Browsing - Filter properties by type, location, price range, and amenities
  • Interactive Map - Explore properties geographically with marker clustering
  • Property Details - Image galleries, amenities list, pricing, and location info
  • Favorites - Save and compare properties
  • Inquiry System - Direct contact forms for property inquiries

Admin Dashboard

  • Property Management - Full CRUD operations with multi-image uploads
  • Content Management - Blog posts and partner management
  • Inquiry Handling - Track and respond to customer inquiries
  • Review Management - Manage customer testimonials
  • Map Tools - Coordinate picker for accurate property placement

Technical Highlights

  • Server-Side Rendering - Fast initial page loads with SEO optimization
  • Type Safety - Full TypeScript coverage across frontend and backend
  • Responsive Design - Mobile-first approach with dark mode support
  • Scalable Storage - Cloud-based image storage with CDN delivery
  • Role-Based Access - Secure admin area with authentication