Architektura portalu nieruchomości: setki statycznych ofert, zero wtyczek, sprint 68 godzin.
Demonstracyjny projekt portalu biura nieruchomości z Wrocławia: katalog ofert z filtrami, osobna strona dla każdej nieruchomości i architektura bez panelu CMS do utrzymywania.
* 72 godziny liczymy od akceptacji przez Klienta kierunku wizualnego (opis wyglądu, inspiracje lub mockup), a nie od pierwszego kontaktu — po akceptacji wyceny, dostarczeniu materiałów i zaksięgowaniu zaliczki. Ustalenia i mockup przed startem robimy razem i staramy się zmieścić całość w 72h, ale termin liczymy od akceptacji. Czas oczekiwania na Klienta wstrzymuje zegar. Regulamin, pkt 4.3
- Projekt
- Realizacja demonstracyjna
- Czas realizacji
- 68 h
- Stack
- Next.js 16 · Tailwind CSS v4 · TypeScript
- Live URL
- domexpert.online
[01] Wyzwanie
Co zwykle psuje portal nieruchomości
Typowe serwisy nieruchomości na WordPressie z Elementorem obrastają wtyczkami. Każde filtrowanie wysyła kolejne zapytania do bazy, czas odpowiedzi serwera rośnie wraz z rozbudową, a wynik na telefonie spada najmocniej.
- 01Filtrowanie ofert bez przeładowania strony
- 02Dobra wydajność na telefonie, nie tylko na desktopie
- 03Brak podatności CMS: nie ma panelu, do którego można się włamać
[02] Wyniki
Tablica wyników
Ta sama strona przed redesignem i po wdrożeniu nowej wersji. Każdą wartość można sprawdzić samodzielnie w PageSpeed Insights.
| Metryka | Przed redesignem | Po · mobile | Po · desktop |
|---|---|---|---|
| Performance | 38–41 | 92 | 100 |
| Dostępność | 98 | 100 | 100 |
| Dobre praktyki | 93 | 100 | 100 |
| SEO | 100 | 100 | 100 |
| LCP — największy element | 10.7–10.9 s | 3.2 s | 0.8 s |
| CLS — przesunięcia układu | 0.00–0.01 | 0.002 | 0 |
| TTFB — czas odpowiedzi serwera | 50 ms | 50 ms | 50 ms |
| Rozmiar strony | ~2.0 MB | 453 KiB | 599 KiB |
Przed: Lighthouse, emulacja mobile, stara wersja strony (2 przebiegi, zakres min–max). Po: PageSpeed Insights, mobile i desktop, 21.10.2026; CLS, TTFB i wagę strony zmierzono Lighthouse na produkcji tego samego dnia.
[03] Rozwiązania
Jak to jest zbudowane
- 01
Statyczny eksport
Next.js generuje gotowe pliki HTML dla każdej strony i każdej oferty. Nginx serwuje je z kontenera Docker, więc serwer nie składa strony przy każdym wejściu.
- 02
Oferty w jednym pliku danych
522 ofert żyje w pliku TypeScript generowanym skryptem. Nie ma bazy danych ani panelu, który trzeba aktualizować i łatać.
- 03
Filtry bez przeładowania
Dzielnica, typ, transakcja i cena zawężają listę po stronie przeglądarki. Stan filtra jest w adresie strony, więc zawężony wynik można wysłać linkiem.
- 04
Dane strukturalne dla wyszukiwarek
Oferty sprzedaży opisane są przez Product i Offer, oferty najmu przez RentAction. Każda zawiera adres: dzielnicę i Wrocław.
- 05
Zdjęcia bez przesunięć układu
Zdjęcia ładują się ze zdalnego źródła (Unsplash) bez automatycznej konwersji. Kadry mają stałe proporcje, więc układ nie skacze podczas ładowania.
- 06
CI/CD z testem dymnym
GitHub Actions: sprawdzenie typów, build Next.js, rsync na VPS, przeładowanie nginx i smoke test. Przy błędzie wdrożenie wraca do poprzedniej wersji.
[04] Log sprintu
Etapy sprintu w godzinach
Schemat czterech etapów sprintu 72h, ten sam dla każdego projektu.
- 01Architektura i UX00–12 h
Krótki brief, research fraz kluczowych i mapa strony. Każda podstrona dostaje jedno zadanie i jedną frazę, zanim powstanie pierwszy piksel.
- 02Kodowanie i design12–36 h
Design system i komponenty powstają równolegle — od razu w kodzie, bez etapu makiet do przerysowania. Treści piszemy pod ludzi i pod Google jednocześnie.
- 03Optymalizacja SEO i Core Web Vitals36–60 h
Dokręcamy wszystko, co widzi robot Google: dane strukturalne, meta, sitemapę, obrazy i czas ładowania. Dostępność sprawdzamy pod WCAG 2.1.
- 04Testy i publikacja60–72 h
Testy na prawdziwych urządzeniach, podpięcie domeny i analityki ze zgodami RODO, zgłoszenie do Search Console. Dostajesz stronę i pełny dostęp do kodu.
* 72 godziny liczymy od akceptacji przez Klienta kierunku wizualnego (opis wyglądu, inspiracje lub mockup), a nie od pierwszego kontaktu — po akceptacji wyceny, dostarczeniu materiałów i zaksięgowaniu zaliczki. Ustalenia i mockup przed startem robimy razem i staramy się zmieścić całość w 72h, ale termin liczymy od akceptacji. Czas oczekiwania na Klienta wstrzymuje zegar. Regulamin, pkt 4.3
[05] Start
Potrzebujesz platformy o podobnej wydajności dla swojej firmy?
Opiszemy Twój biznes, cele i konkurencję. Stałą wycenę dostaniesz w 24 godziny, a sprint startuje w wybranym terminie.