コンテンツへスキップ

住まい&インテリアのテンプレート

Dormer Real Estate Agency App

A real estate agency's own app: homes for sale and rent by map, list or plain words, every room and the floor plan, tours booked in three taps, a chat with the agent and Agent tools for the team.

  • 37画面
  • iOS & Android
  • サンプルデータ
  • 2026年11月4日更新
  • 検証済みリリース

無料でコピー · ソース全体 · クレジットカード不要

画面

実際に動作するアプリの6画面。

含まれる内容

  1. Describe the home in your own words and get filters you can edit, never criteria about people
  2. Price pins on a map fitted to the search, with the chosen home as a photo card
  3. Book a tour in three taps: a day, a free time, Request; one agent is never booked twice
  4. Talk to your agent in the app, with the home the conversation is about on top
  5. Saved homes in lists with notes, side-by-side compare, and saved searches whose new homes show in Inbox
  6. Agent tools: today's tours, requests to confirm or decline, leads and each listing's views

このテンプレートについて

Overview

A sunny autumn street in Denver with brick and modern homes and mountains beyond

Dormer is a real estate agency's own app: one agency's homes for sale and for rent in one calm, photo-first app. People search by map, by list or in plain words, see every room and the floor plan before they go, book a tour in three taps, save homes in lists, and message their agent. Owners can ask what their home is worth, and an agent prepares the valuation by hand.

It is made for an independent brokerage, a property manager or a new-build developer that wants its own branded app. The agency earns on sales and leases, so nothing is paid in the app. It opens on a sample agency in Denver: four agents, ten homes and ten neighborhoods, with dates built from today so open houses are always this weekend.

Key features

  • Home: the newest home for the person's search as a big photo card, then their next tour

    Home
  • Describe it: a sentence becomes filters the person can edit, with the matching homes and why each fits

    Describe it
  • Listing: the photo gallery, price with a monthly mortgage estimate, facts, open houses, features, floor plan and price history

    Listing
  • Tour: in person or video chat, the next days with the times still free, and a note to the agent

    Tour
  • Saved: a photo grid of saved homes, lists such as Shortlist and Maybe, notes, and Compare for two or three homes

    Saved
  • Agent tools: today's tours as a timeline, requests to confirm, leads with Call and Text, and listing views

    Agent tools

Screens

Welcome, four onboarding questions (buy or rent, neighborhoods, budget over a histogram of the agency's homes, rooms and home type) and the search built from them, sign-in with a 6-digit code, Home, Search, Filters, Map, Describe it, a listing, its photos by room, Schedule a tour, a tour, Tours, Saved, Compare, Inbox, a conversation, Mortgage, a neighborhood guide, Our team, an agent, Sell and the valuation request, You, Settings, About, Terms and Privacy, and Agent tools (today, client messages, leads, a listing's views): 37 screens, light and dark.

AI and backend

Supabase keeps the agency's agents, neighborhoods, listings with their photos, history and open houses, and each person's saved homes, searches, tours, conversations and valuation requests, each readable only by its owner and the agents it concerns. The database refuses a tour that overlaps another of the same agent, falls outside opening hours or lies in the past, and an agent's reply or confirmation reaches the other phone at once over Realtime. Describe it runs on one Edge Function with your Gemini key against a daily allowance; in sample mode an on-device parser reads prices, rooms, neighborhoods, home types and features. Both leave out words about people and say so.

Monetisation

None in the app, by design: no in-app purchases, fees or card details. Rents show per month with the deposit and lease terms and are paid to the landlord, never in the app. The mortgage screen is an estimate from the person's own numbers, labelled as one.

Setup

It opens on the sample agency with no setup. Connect Supabase and apply the three migrations for accounts, tours and messages in the cloud, add your Gemini key and deploy the ai function for Describe it, then replace the sample agency with your own agents, neighborhoods, homes and photos. Tour reminders are local notifications on the phone.

real estateproperty listingshomes for salerentalstour bookingmap searchagent chatai searchreact nativeexposupabase

含まれるもの

  • ソース全体 — TypeScript の Expo と React Native。ワークスペース内のアプリとして届きます。
  • ライブプレビュー — 変更をブラウザやスマートフォンですぐ確認できます。
  • 検証済みリリース — コンパイルでき、すべての画面がエラーなく開きます。
  • AI アシスタント — チャットで何でも変更できます。変更ごとにクレジットを使います。
  • ビルドとストアへのアップロード — iOS と Android のビルドを、公開から App Store と Google Play に送れます。
  • コピーにクレジット不要 — コピー自体は無料です。

最新バージョンの FluxNative で作られています。

必要なもの

  • FluxNative アカウント — Free プランはアプリを2つまで持てます。
  • 始めるのにバックエンド不要 — 自分のものを接続するまでサンプルデータで動きます。
  • Creator 以上 — ネイティブビルドとストアへのアップロード用です。
  • ストアアカウント — 公開には Apple Developer Program(年額 99 米ドル)と Google Play(1回 25 米ドル)が必要です。

ソースに含まれるもの

画面
37
ファイル(コピーに含まれる)
494
行(このアプリのために書かれたコード)
1.4万
個の既製 UI コンポーネント
142

アプリのテキスト: 英語、ベトナム語

技術スタック

Expo SDK
57.0.22
React Native
0.86.3
React
19.2.8
TypeScript
6.0.3
Expo Router
57.0.21
Supabase JS
2.112.3

このリリースの package.json より。

デザインシステム

見出し
システムフォント
本文
システムフォント
  • ライト・ダーク両対応
  • Liquid Glass
  • カプセル型ボタン
  • メディアカード

フォーク後のセットアップ

コピーは、それを作った AI アシスタントと一緒に開きます。手順を順に進めてください。手順が求めるものは Server で接続し、各プロンプトを送ります。

  1. Connect Supabase and apply Dormer's migrations

    Server › Backend › Supabase. Apply the three migrations in supabase/migrations in name order (the AI allowance, Dormer, the sample agency), so the app opens on the same homes it shows in sample mode.

    AI へのプロンプト

    Connect this app to my Supabase project: set EXPO_PUBLIC_SUPABASE_URL and EXPO_PUBLIC_SUPABASE_ANON_KEY, apply the three migrations in supabase/migrations in name order, and check that the Search tab lists the sample agency's homes from Supabase.

  2. Send 6-digit sign-in codes from Supabase

    In Supabase's Authentication, put {{ .Token }} in the Magic Link email template and remove the link, keep Confirm email on, and turn on anonymous sign-ins for Describe it before an account exists.

    AI へのプロンプト

    Walk me through Supabase Authentication for Dormer: the {{ .Token }} code in the Magic Link template without the link, Confirm email on, anonymous sign-ins on with a low rate limit, then test signing in from You with my email and saving a home.

  3. Add the Gemini key under API keys & secrets

    Server › API keys & secrets: GEMINI_API_KEY, and optionally AI_FREE_UNITS_PER_DAY (30 by default, one per search). Describe it uses them; without the key the filters still work.

    AI へのプロンプト

    Add GEMINI_API_KEY as a secret for the ai function, and AI_FREE_UNITS_PER_DAY if I give you a number.

  4. Deploy the AI search function

    Deploy supabase/functions/ai with its secrets, then describe a home on the Describe it screen and check the filters it returns.

    AI へのプロンプト

    Deploy the ai Edge Function in supabase/functions with my secrets, then run a search such as "3 bed house with a garage near Sloan Lake under $1.1M" from Describe it and check the filters it understood.

  5. Put in your agency, agents and homes

    Edit the agency row and AGENCY in src/services/agency, add your agents, neighborhoods, listings and photos (the listing-photos bucket), make your agents' accounts agents, then remove the sample agency with the statement at the top of its migration.

    AI へのプロンプト

    Replace Dormer's sample agency with mine (I'll give you the details): update the agency row and AGENCY in src/services/agency/index.ts, add my agents, neighborhoods and listings in Supabase, set role = 'agent' for my agents' accounts, run the remove-sample statement from 20261025000200_dormer_sample_agency.sql, and replace the pictures in assets/samples.

このテンプレートの使い方

  1. テンプレートを使うと、ソースコード付きの編集できるコピーがワークスペースに作られます(テンプレート)。
  2. 変えたいことを AI アシスタントにふだんの言葉で頼みます(アシスタントと作業する)。
  3. 変更はライブプレビューやスマートフォンで確かめます(プレビュー)。
  4. Creator 以上のプランで、iOS と Android 向けにビルドしてストアに提出します(公開の概要)。

ライセンスとサポート

ライセンス

あなたのために作られたアプリはあなたのものです。テンプレートのコードは InspireUI に帰属し、あなたのアプリで使うためにライセンスされます(利用規約 › 当社の知的財産)。

ヘルプ

  • テンプレート、アシスタント、公開のガイド。
  • ヘルプからサポートに問い合わせ。通常1〜2営業日以内に返信します。
  • コピーでは、どの画面やファイルでも AI アシスタントに聞けます。

FluxNative 制作

サポートポリシー

質問

無料ですか?

無料テンプレートのコピーはクレジットも含め無料です。Premium はウェブサイトごとに1回の購入です。チャットでの変更とビルドにはクレジットを使います。

何を所有しますか?

あなた向けに作られたアプリはあなたのものです。テンプレートのコードは InspireUI のもので、あなたのアプリで使うライセンスが付与されます(利用規約 › 当社の知的財産)。

コードの知識は必要ですか?

いいえ。普通の言葉でアシスタントに変更を頼めます。必要ならソース全体も使えます。

バックエンドは付属しますか?

いいえ。完全なアプリは必要なバックエンドを示し、サーバーで自分のものを接続します。デザインはサンプルデータで動きます。

デザインは変更できますか?

はい。デザインタブでブランドカラー、色、フォント、角をクレジットなしで設定できます。残りはアシスタントが変更します。

公開にはどのプランが必要ですか?

Creator 以上で、ご自身の Apple と Google のアカウントでビルドとストアへのアップロードができます。Premium テンプレートのアプリは、ウェブサイトを接続すればどのプランでもビルドできます。

ソースをダウンロードできますか?

はい。ワークスペースでプラン、クレジット、有料テンプレートのいずれかを購入済みなら、ソースをダウンロードまたは GitHub にプッシュできます。Premium テンプレートのアプリはウェブサイトの接続も必要です。

以前の FluxNative で作った場合は?

コピーはそのまま動きます。アプリの言語や通貨などの新機能に更新するにはアシスタントに頼んでください。最後のセットアップ手順です。

自分のアプリにしてみませんか?

Dormer Real Estate Agency App から始めて、チャットで何でも変更できます。コピーには完全なソースコードが含まれます。

無料でコピー。クレジットカード不要。

Taking a little longer than usual…

Loading FluxNative