Technical Highlights
VHM was architected with scalability and security as core principles. The platform uses a multi-tenant database architecture with Row Level Security (RLS) policies ensuring complete data isolation between estates. Each estate operates as an independent tenant with its own configuration, branding, and user base — all within a single, efficiently managed codebase.
The frontend is built with Next.js 14, leveraging server-side rendering for optimal performance and SEO. State management is handled by Zustand, while TanStack Query provides efficient server state synchronization and caching. The responsive Tailwind CSS design ensures a seamless experience across desktop, tablet, and mobile devices.
Key technical decisions included using Supabase for both backend and authentication — providing real-time subscriptions for notifications, built-in storage for document uploads, and edge functions for payment verification webhooks. The PostgreSQL database features carefully designed schemas with proper indexing for query performance at scale.
Key Technologies Used
- Frontend: Next.js 14, React 18, Tailwind CSS
- Backend: Supabase (PostgreSQL)
- State Management: Zustand, TanStack Query
- Authentication: Supabase Auth (Row Level Security)
- Payments: Secure payment gateway integration
- Notifications: Real-time via Supabase subscriptions
- Hosting: Vercel with continuous deployment