Demo-Website einer erfundenen Immobilienagentur am Comer See: Die Startseite ist ein Film, der beim Scrollen vom See bis zur Suche führt, dazu 24 Inserate in 14 Gegenden mit Karte, Exposés mit Galerie und ein Kreditbereich mit echten EZB-Daten. Den Verwaltungsbereich kann man ohne Konto ausprobieren.
**Ardesia Immobiliare gibt es nicht**: Es ist eine erfundene Agentur am Comer See, gebaut wie die Websites, die ich für echte Unternehmen mache. Erfunden sind die Inserate, die Personen und die Fotos, die auf der GPU meines Computers mit einem offenen Modell erzeugt wurden; echt sind die Daten zu Immobilienkrediten, von der Europäischen Zentralbank und von Eurostat geladen. Die Website sagt das auf jeder Seite.
**Was sie kann**
- **Die Startseite ist ein Film**: Beim Scrollen geht es hinunter zum See, ins Wohnzimmer einer Villa und auf eine Terrasse im Abendlicht, wo die Suche beginnt. - **Die Suche**: 24 Inserate in 14 Gegenden, mit Filtern nach Vertrag, Objektart, Gegend, Preis, Fläche, Zimmern und Ausstattung, und eine Kartenansicht des Sees, die die Liste filtert. - **Die Exposés**: eine Vollbildgalerie, die technischen Daten mit der Energieklasse, die Gegend und die Anfrage für eine Besichtigung. - **Kredite und Partner**: die Zinsen neuer Immobilienkredite in Italien seit 2015 mit Euribor und EZB-Leitzins, die Hauspreise, ein Ratenrechner und die Fachleute, denen die Agentur vertraut. - **Besucherstatistik**, ohne Cookies und ohne die Adressen der Besucher zu speichern.
**Der Verwaltungsbereich, ohne Konto zum Ausprobieren**
Der Inhaber pflegt alles in einem Verwaltungsbereich, der für das Handy gedacht ist: Inserate mit Fotos, eingegangene Anfragen, Partner, Personen, Texte, Farbe und Bereiche der Website, mit „Ripristina“ (Rückgängig) nach jedem Speichern und einem Papierkorb. Auf der Website öffnet „Prova il pannello“ (den Bereich ausprobieren) ihn ohne Konto: Die Änderungen bleiben im Browser der Person, die ihn ausprobiert, weil die Serverlogik dort läuft, auf einer Kopie der Daten.
**Der schwierige Teil**
Dieselbe Logik an zwei Orten laufen zu lassen, auf dem Server mit MongoDB und im Browser für den Test, ohne dass die beiden Fassungen auseinanderlaufen. Die Dienste liegen in einem gemeinsamen Paket über einem Datenvertrag, und ein automatischer Test schickt dieselben Anfragen an den Server und an die Kopie im Browser und verlangt gleiche Antworten. Und der Film der Startseite wiegt beim ersten Laden am Computer 0,90 MB: Die späteren Szenen werden beim Scrollen geladen.
Vue 3 und TypeScript, Fastify und MongoDB, GSAP für den Film, ECharts für die Diagramme; jede Änderung durchläuft 381 automatische Tests, und die Website läuft auf meinem Server, mit einer nächtlichen Kopie der Datenbank.
Konzeption, Full-Stack-Entwicklung und Veröffentlichung · 2026
Vue.js, Fastify, MongoDB, GSAP, Z-Image-Turbo