Skip to content
UT Studio
Real EstateFeaturedPreview only

Estate

Property marketplace, buyer experience and agent CRM as one real-estate system

Preview only — not yet on sale.

Pro licence · what that covers

Latest version
1.0.0
Updated
Difficulty
Advanced
Licence
Pro
Estate homepage presenting the property marketplace and the software behind it
Homepage1 of 6

Estate screens

Homepage1 / 6

Estate homepage presenting the property marketplace and the software behind it

Estate homepage presenting the property marketplace and the software behind it

At a glance

Type
Real Estate
Best for
CRM · Admin dashboard · Marketing site
Stack
TypeScript · Next.js · Tailwind CSS
Screens shown
6Captured from the live preview
Workspaces
4Buyer, agent, manager, admin
Neighbourhoods
6Each with its own page
Licence
Pro · 1 developer12 months of updates
Availability
PreviewLive preview open now

Built for

What this template is for. Each one is a filter in the catalogue, so the products beside it solve the same problem.

Overview

Most property products are two products pretending to be one: a marketing site an agency shows clients, and a CRM the agents actually use. Estate builds both from the same listing model — the public marketplace, the buyer journey from brief to offer, the agent pipeline and the admin workspace — so a price change reaches the shop window and the pipeline at the same moment.

What's inside

  • Property marketplace

    The public shop window: search, filters and listing cards backed by the same records the agents work from.

  • Agent CRM

    A working pipeline with leads, clients, deals and appointments — not a call-centre script.

  • Analytics

    Operational reporting over the same data, so the numbers cannot disagree with the pipeline.

  • Admin workspace

    Platform administration: users, agents, listing moderation and site content.

Explore the experience

Every screen below is the deployed template, captured from its own live preview.

  1. 01

    Property marketplace

    The public shop window: search, filters and listing cards backed by the same records the agents work from.

    • Search and filters
    • Curated collections
    • Neighbourhood pages
    Estate property marketplace with search, filters and listing cards
    Property marketplace
  2. 02

    Agent CRM

    A working pipeline with leads, clients, deals and appointments — not a call-centre script.

    • Pipeline by stage
    • Leads and viewings
    • Appointments and tasks
    Estate agent workspace showing pipeline value, lead conversion and deal stages
    Agent CRM
  3. 03

    Analytics

    Operational reporting over the same data, so the numbers cannot disagree with the pipeline.

    • Lead conversion
    • Closed revenue
    Estate agent analytics view charting leads, viewings and closed revenue
    Agent analytics
  4. 04

    Admin workspace

    Platform administration: users, agents, listing moderation and site content.

    • Listing moderation
    • User management
    Estate admin workspace for users, listing moderation and platform settings
    Admin workspace

What's included

  • The full source archive, with the first release
  • 12 months of updates, kept permanently
  • 1 developer — commercial use, including client work
  • Deployment guides for 3 targets
  • Email support for the length of your update window
  • Redistribution as your own product

Every line above is read from this product’s own licence and release record rather than written beside it, so it cannot promise something the release does not contain.

Architecture

The public site and the software are the same system

One listing model backs the marketplace, the shortlist, the viewing schedule and the agent pipeline. Roles are a layer on top rather than a fork: the buyer, the agent and the administrator see projections of the same records, which is what keeps four workspaces consistent without four codebases.

Architecture
Listing ──┬──▶ Marketplace  (public)
          ├──▶ Shortlist ──▶ Viewings ──▶ Offer  (buyer)
          ├──▶ Pipeline ──▶ Analytics             (agent)
          └──▶ Admin workspace                    (staff)

Tech stack

Built with

What the product is implemented in.

Requires

What you must already have. These block installation.

Folder structure

Folder structure
estate/
├── app/
│   ├── page.tsx
│   ├── properties/[slug]/page.tsx
│   ├── neighborhoods/page.tsx
│   ├── agents/page.tsx
│   ├── app/page.tsx
│   └── admin/page.tsx
├── components/
└── content/

Requirements

Node.js
≥ 22.12LTS or current
Package manager
pnpm ≥ 10npm and yarn also work
Operating system
macOS, Linux, Windows (WSL2)

Installation

  1. Unpack the download

    The archive contains the full source. There is no installer and no post-install script.

    bash
    unzip estate.zip
    cd estate
  2. Install dependencies

    bash
    pnpm install
  3. Configure the environment

    Copy the example file and fill in the variables listed under Environment variables.

    bash
    cp .env.example .env

Quick start

  1. Start the development server

    bash
    pnpm dev
  2. Verify the install

    Runs formatting, lint, type-check, tests and a production build.

    bash
    pnpm check

Environment variables

Environment variables
VariableRequiredDescription
DATABASE_URLRequiredPostgreSQL connection string. Use a pooled endpoint in serverless environments.postgresql://user:pass@localhost:5432/app
NEXT_PUBLIC_APP_URLRequiredAbsolute origin of the deployment. Used for canonical URLs and metadata.https://app.example.com
LOG_LEVELOptionaldebug | info | warn | error. Defaults to info in production.

Configuration

    Deployment

    • Vercel

      Zero-config. Set the environment variables listed above and connect the repository.

    • Docker

      A multi-stage Dockerfile is included, producing a standalone image with no build toolchain.

    • Any Node host

      Builds to a standard Node server. Nothing depends on a platform-specific runtime.

    Compatibility

    Framework and runtime versions this product supports
    TechnologyVersionsStatus
    Next.js≥ 15Supported

    What changed in 1.0.0

    Initial commercial release

    • addedInitial commercial release

    Version history

    1. 1.0.0

      Initial commercial release

      • addedInitial commercial release

    Documentation

    Documentation ships with the first release.

    Support

    Frequently asked questions

    Curated by us, not inferred — these are the ones that genuinely pair with it.

    Built with the same stack

    Products that share a framework with this one.

    Further reading

    Documentation and guides that use this template as their example.