Ofen — a real-estate brokerage site that is already finished
Ofen is a template for a residential brokerage, an estate agency or a
property-listing site. Twelve routes ship built and filled. Not one of them is a
placeholder waiting for content, and not one control on them is a button that
does nothing. Every list on the site is a typed array in a TypeScript file
beside the component that reads it, so you install, run two commands, and edit
text instead of standing up a backend.
The twelve routes
- Home — fifteen sections, from the inventory claim to the booking form.
- Home 2 — the same book opened search-first: a live search bar, a map with a pin per home, saved searches, a compare frame and an affordability calculator.
- Listings — the whole book, with tenure pills, a sort, and filters written into the URL.
- Listing detail — gallery, facts, room list, the agent, a viewing scheduler and a payment calculator.
- Neighborhoods — six areas, each with its median, its count and its character.
- Neighborhood detail — prices over time, a drawn plan of what stands there now, and the agent who covers it.
- Agents — nine agents with license numbers, filterable by area.
- About — the story, the figures, six offices and a fair housing notice.
- Guides — six articles, filterable by subject.
- Guide detail — one guide in prose, with a reading rail and a related row.
- Contact — four desks, the full field set, six offices and a response-time promise.
- 404 — three homes still on the market underneath it.
What a visitor can actually do
- Search from the hero, then narrow by tenure, price, beds and area.
- Send a filtered view to somebody. Filters live in the query string, so every result set is a link.
- Sort the book, save a home, share it, and put two or three side by side in the compare frame.
- Book a viewing on a month calendar that opens on tomorrow and takes one of four slots.
- Run a monthly payment on any listing, and an affordability figure from budget, deposit and rate.
- Read six neighborhoods on a drawn plan with a pin per home.
- Save a search and see the alert it would send.
- Filter agents by area, and guides by subject.
Built on
Next.js 16 with the App Router and Turbopack, React 19, Tailwind CSS v4,
Base UI, and TypeScript throughout. Geist and Geist Mono load through
next/font and are self-hosted at build time. Icons are Heroicons and HugeIcons,
both MIT.
What is not in the box
Said plainly, because you should know before you buy:
- No backend. Every list is a typed array. The contact form and the viewing scheduler hold their result in state, and each marks the one line you rewire to point at your own endpoint.
- No image files. Photography is fetched from Unsplash and Lummi at render size, under those services’ licences. The URLs sit in the data files. Move them to your own host before you launch.
- No CMS, no plugins, no dashboard. This is the public-facing site.
Documentation
An HTML guide ships in the download, and the full documentation is hosted and
kept current at https://nghiaxchis.gitbook.io/ofen-real-estate-react-and-next.js-template. Every third-party licence is
declared in licensing/LICENSE.txt inside the package.