About this project
Project Overview
Client: Flexi House (Architecture Firm)
Project: Queenstown Build Packages – Land Listings Widget
Flexi House, a forward-thinking architecture firm, required a seamless and dynamic solution for showcasing available land packages on their Queenstown Build Packages page. The goal was to integrate real-time listings from Trade Me, styled to match the firm’s branding and visual identity, enhancing the user experience and providing potential buyers with up-to-date land availability.
- _ _
Challenge
The primary challenge was to automate the display of up-to-date land listings sourced from the Trade Me API while maintaining the performance of the site. The solution needed to fit seamlessly into Flexi House’s existing website design, as well as ensure the data stayed relevant with frequent updates, without putting undue strain on server resources.
Implementation
Using Next.js and Tailwind CSS, I built a responsive, dynamic content widget in the form of an iframe that displays land for sale. The widget fetches listings from the Trade Me API and is integrated directly into Flexi House’s Queenstown Build Packages page. To optimize performance and ensure fresh data without overwhelming the server, I implemented cached static site rendering with automatic updates every hour. This approach allowed the widget to pull in new listings without slowing down the overall site.
Results
The project successfully delivered a visually cohesive, performant, and dynamic solution that seamlessly integrated into Flexi House’s existing design. The real-time updates provide users with an accurate and convenient way to browse available land listings and click through to the Trade Me listing, creating value for prospective buyers. The architecture firm was highly satisfied with the result, citing both the alignment with their visual identity and the tangible value added for their clients.
