Client project
Les Clés de Paris
A premium real-estate showcase that hides a full business CRM — a client project delivered and operated in production, sovereign by design: self-hosted map, cookieless analytics, hosting in France.
- Scope
- Site + CRM
- Hosting
- France
- Status
- In production
- Nuxt 4
- TypeScript
- Prisma / MariaDB
- MapLibre (self-hosted)
- Matomo
- Docker / Ansible

A high-end showcase, a business tool underneath
Les Clés de Paris is a Paris real-estate agency specialising in exceptional properties. The project did not start from scratch: an existing site had to be taken over, modernised, and — above all — pushed well beyond a mere showcase. The bet: an elegant public site, the one you show, backed by a genuine business tool, the one that runs the agency day to day.
This is the case study of a genuine client project: handled end to end, delivered and operated in production. Where a showcase merely exists, this one hides a complete real-estate CRM — and upholds our sovereignty standards on a live site, with no compromise.
The rest of this page follows that thread: first what the public sees, then what happens backstage, and finally why everything stays under control from end to end.
What the public sees
For visitors, the site fully plays the high-end agency card:
- A selection of exceptional properties, with detailed listings: photos, surface area, number of rooms, price, energy rating and a map location.
- An online estimate to start the conversation on the seller side.
- A fully bilingual FR/EN site, built for search engines — every page exists cleanly in both languages.

Behind the showcase: a complete real-estate CRM
This is where the hidden depth lies. Behind the handful of properties the public can see, an agency console drives the whole sales activity:
- A full property portfolio: photos, internal references, types and statuses (for sale, to let, let, or off-market hidden from the public) — far beyond what the showcase reveals.
- A directory of typed contacts by role (buyers, sellers, and the professionals around a transaction).
- Per-property follow-up: linked contacts and an activity log tracking messages, notes and reminders — who did what, and when.
- A “Today” dashboard gathering the day’s essentials: reminders to handle, new messages, searches to revive.
- Offer ↔ demand matching and lead import, so nothing slips through.



The admin screens above run on entirely fictional demo data (invented contacts and messages): no real client data appears in them.
Sovereign by design
This is the signature of this project: everything is on show to the public, yet nothing is entrusted to third-party services. Every part that would, elsewhere, call an external provider has been brought in-house:
- The map is self-hosted — MapLibre engine and Île-de-France tiles served from our own infrastructure, with no Google Maps and no third-party API key.
- Analytics run on Matomo, cookieless: useful statistics, yet zero consent banner and zero third-party tracker.
- Hosting is in France — in Paris, naturally, for a Paris agency — and secrets are encrypted: the agency’s data and its clients’ data never pass through any service outside our control.

Under the hood
For technical teams, everything rests on a single, full-stack codebase:
- Application Nuxt 4 (Vue 3 + Nitro server), TypeScript end to end.
- Data Prisma on MariaDB — around thirty business models, handled through versioned migrations; bilingual via paired columns (one field per language).
- Infrastructure described as code: Docker, Ansible and Caddy, with a backup, restore and disaster-recovery procedure.
- Spec-driven method: every change is specified and tracked before being coded — dozens of archived changes and over 200 test files to date.
Here, time was put to the service of quality: every part thought through, specified and tested. The value lies not in the turnaround but in the substance — a complete product, documented, tested and operated.
In short
Les Clés de Paris is a premium showcase hiding a complete business tool, delivered and operated in production, sovereign from the map all the way to the hosting. A client project carried over time, spec-driven, with not a single piece of data handed to a third party. Exactly the kind of end-to-end ownership — from business need to deployed infrastructure — that I can bring to your project.