Architektur eines Immobilienportals: Hunderte statische Angebote, null Plugins, ein Sprint von 68 Stunden.
Demonstrationsprojekt eines Immobilienportals aus Wrocław: Angebotskatalog mit Filtern, eigene Seite für jede Immobilie und eine Architektur ohne CMS-Panel, das man pflegen müsste.
* Die 72 Stunden zählen ab der Freigabe der visuellen Richtung durch den Kunden (Beschreibung des Looks, Referenzen oder Mockup), nicht ab dem ersten Kontakt — nach Annahme des Angebots, Lieferung der Materialien und Zahlungseingang der Anzahlung. Absprachen und Mockup davor erarbeiten wir gemeinsam und versuchen, alles in 72h zu schaffen; die Frist läuft jedoch ab der Freigabe. Wartezeiten auf den Kunden halten die Uhr an. AGB, Punkt 4.3
- Projekt
- Demonstrationsprojekt
- Umsetzungszeit
- 68 h
- Stack
- Next.js 16 · Tailwind CSS v4 · TypeScript
- Live-URL
- domexpert.online
[01] Herausforderung
Was einen Immobilienportal typischerweise ausbremst
Typische Immobilienseiten auf WordPress mit Elementor wachsen mit jedem Plugin. Jeder Filter löst weitere Datenbankabfragen aus, die Antwortzeit des Servers steigt mit dem Ausbau, und der Mobile-Wert fällt am stärksten.
- 01Filtern der Angebote ohne Neuladen der Seite
- 02Gute Leistung auf dem Smartphone, nicht nur am Desktop
- 03Keine CMS-Angriffsfläche: Es gibt kein Admin-Panel, in das man einbrechen könnte
[02] Ergebnisse
Ergebnistabelle
Dieselbe Website vor dem Redesign und nach dem Livegang der neuen Version. Jeder Wert lässt sich selbst in PageSpeed Insights prüfen.
| Metrik | Vor dem Redesign | Nachher · Mobil | Nachher · Desktop |
|---|---|---|---|
| Performance | 38–41 | 92 | 100 |
| Barrierefreiheit | 98 | 100 | 100 |
| Best Practices | 93 | 100 | 100 |
| SEO | 100 | 100 | 100 |
| LCP — größter Inhalt | 10.7–10.9 s | 3.2 s | 0.8 s |
| CLS — Layoutverschiebung | 0.00–0.01 | 0.002 | 0 |
| TTFB — Serverantwortzeit | 50 ms | 50 ms | 50 ms |
| Seitengewicht | ~2.0 MB | 453 KiB | 599 KiB |
Vorher: Lighthouse, Mobile-Emulation, vorherige Version (2 Durchläufe, Spanne min–max). Nachher: PageSpeed Insights, Mobil und Desktop, 21.10.2026; CLS, TTFB und Seitengewicht am selben Tag mit Lighthouse auf der Produktion gemessen.
[03] Lösungen
So ist es gebaut
- 01
Statischer Export
Next.js erzeugt fertige HTML-Dateien für jede Seite und jedes Angebot. Nginx liefert sie aus einem Docker-Container aus, der Server baut die Seite nicht bei jedem Aufruf neu.
- 02
Angebote in einer Datendatei
522 Angebote liegen in einer TypeScript-Datei, die ein Skript erzeugt. Es gibt keine Datenbank und kein Admin-Panel, das man aktuell halten und patchen müsste.
- 03
Filter ohne Neuladen
Stadtteil, Typ, Transaktion und Preis verengen die Liste im Browser. Der Filterstatus steht in der Seitenadresse, ein gefiltertes Ergebnis lässt sich also als Link teilen.
- 04
Strukturierte Daten für Suchmaschinen
Verkaufsangebote werden mit Product und Offer beschrieben, Mietangebote mit RentAction. Jedes enthält eine Adresse: Stadtteil und Wrocław.
- 05
Bilder ohne Layoutverschiebung
Fotos werden aus einer externen Quelle (Unsplash) ohne automatische Konvertierung geladen. Die Bildrahmen haben feste Seitenverhältnisse, das Layout springt beim Laden nicht.
- 06
CI/CD mit Smoke-Test
GitHub Actions: Typprüfung, Next.js-Build, rsync auf den VPS, Neustart von nginx und Smoke-Test. Schlägt etwas fehl, wird das Deployment auf die Vorgängerversion zurückgesetzt.
[04] Sprint-Protokoll
Sprint-Etappen in Stunden
Der Aufbau der vier Etappen eines 72-Stunden-Sprints, für jedes Projekt gleich.
- 01Architektur & UX00–12 h
Kurzes Briefing, Keyword-Recherche und Sitemap. Jede Seite bekommt eine Aufgabe und ein Keyword, bevor das erste Pixel entsteht.
- 02Code & Design12–36 h
Designsystem und Komponenten entstehen parallel — direkt im Code, ohne Mockups zum Nachzeichnen. Texte schreiben wir für Menschen und für Google zugleich.
- 03SEO & Core Web Vitals36–60 h
Wir optimieren alles, was der Google-Crawler sieht: strukturierte Daten, Meta-Tags, Sitemap, Bilder und Ladezeit. Barrierefreiheit prüfen wir nach WCAG 2.1.
- 04Tests & Launch60–72 h
Tests auf echten Geräten, Domain und Analytics mit DSGVO-Einwilligung, Anmeldung in der Search Console. Sie erhalten die Website und vollen Zugriff auf den Code.
* Die 72 Stunden zählen ab der Freigabe der visuellen Richtung durch den Kunden (Beschreibung des Looks, Referenzen oder Mockup), nicht ab dem ersten Kontakt — nach Annahme des Angebots, Lieferung der Materialien und Zahlungseingang der Anzahlung. Absprachen und Mockup davor erarbeiten wir gemeinsam und versuchen, alles in 72h zu schaffen; die Frist läuft jedoch ab der Freigabe. Wartezeiten auf den Kunden halten die Uhr an. AGB, Punkt 4.3
[05] Start
Brauchen Sie eine Plattform mit ähnlicher Leistung für Ihr Unternehmen?
Wir besprechen Ihr Geschäft, Ihre Ziele und Ihren Wettbewerb. Ein Festpreisangebot erhalten Sie innerhalb von 24 Stunden, der Sprint startet im gewählten Termin.