BudMax – koncepcyjna strona firmy budowlanej z CMS i SEO

BudMax to projekt koncepcyjny przygotowany do portfolio Netova. Nie jest to realizacja wykonana dla zewnętrznego klienta, dlatego nie przypisuję jej fikcyjnych wyników sprzedażowych, pozycji w Google ani opinii właściciela.

Projekt zbudowałem wokół realistycznego scenariusza firmy budowlanej, która potrzebuje profesjonalnie prezentować realizacje, zbierać zapytania ofertowe i samodzielnie zarządzać treścią.

Co chciałem pokazać

• projektowanie serwisu dla lokalnej firmy usługowej,
• architekturę treści nastawioną na ofertę, realizacje i kontakt,
• wdrożenie headless CMS Sanity,
• formularz zabezpieczony przed spamem i nadużyciami,
• techniczne SEO i przygotowanie pod pozycjonowanie lokalne,
• wydajny frontend w Next.js,
• możliwość rozwoju strony o blog, kolejne usługi i realizacje.

Status projektu: projekt koncepcyjny / portfolio. Dane techniczne dotyczą wersji demonstracyjnej; nie są to wyniki biznesowe prawdziwego klienta.

Jak zbudowałem projekt

Projekt realizowaliśmy w ramach planu Biznes (od 4 000 PLN) — zakres: dedykowany headless CMS (Sanity Studio), rozbudowane formularze, integracje z Google Reviews, panel zarządzania treścią, zabezpieczenia antyspamowe i pełne SEO.

To nie była „strona wizytówka". To system sprzedażowy z panelem administracyjnym, który pozwala firmie samodzielnie zarządzać realizacjami, zespołem, usługami i opiniami.

1. Strategia i audyt

• Analiza 10 stron firm budowlanych w Warszawie — zidentyfikowaliśmy standardy i luki
• Badanie fraz kluczowych: „firma budowlana Warszawa", „budowa domu Warszawa", „remont mieszkania Warszawa", „wykończenia pod klucz"
• Kluczowy insight: klienci B2B podejmują decyzję na podstawie portfolio i opinii — te dwie sekcje musiały dominować
• Zdefiniowanie person: (1) inwestor prywatny budujący dom, (2) deweloper szukający generalnego wykonawcy, (3) właściciel mieszkania planujący remont
• Mapowanie ścieżki: Google → Hero → Statystyki → Usługi → Realizacje → Opinie → Formularz kontaktowy

2. Architektura CMS — Sanity Studio

Najważniejsza decyzja techniczna w projekcie: headless CMS zamiast WordPress.

Dlaczego Sanity, a nie WordPress?

• Treści dostarczane przez API (GROQ) → Next.js renderuje je w SSR → natywny PageSpeed
• Panel admina wbudowany w stronę pod /studio — zero osobnego hostingu, zero aktualizacji wtyczek
• Klient edytuje treści w czasie rzeczywistym: tekst, obrazy, kolejność sekcji — bez dzwonienia do nas
• Content revalidation co 60 sekund — zmiany widoczne niemal natychmiast

Schemat content types:

Panel w języku polskim (@sanity/locale-pl-pl) — klient od razu rozumie interfejs.

3. Rozwój

Stack technologiczny:

• Next.js 16 — SSR, ISR z revalidate: 60, natywne sitemap.ts i robots.ts, optymalizacja obrazów przez Sharp
• Sanity v5 + next-sanity 12 — headless CMS ze Studio wbudowanym w /studio, GROQ queries, CDN obrazów
• Tailwind CSS 4 — utility-first; spójny design system, zero zbędnego CSS
• TypeScript 5 — pełne typowanie wszystkich content types z Sanity; zero runtime errors
• Cloudflare Turnstile — nowoczesna alternatywa dla reCAPTCHA; chroni formularz bez CAPTCHy; lazy-loaded dopiero przy scrollu do formularza
• IP Rate Limiting — ochrona API route przed bruteforce; max 5 wiadomości / 15 min z jednego IP
• Google Reviews API — automatyczny import opinii z Google z filtrem minimum 4 gwiazdek
• Sharp — optymalizacja obrazów server-side; AVIF/WebP, ostre thumbnails
• Critters + cssnano — critical CSS inline + minifikacja; zero FOUC
• Lucide React — ikony tree-shakeable; zero bloatu
• Vercel — edge hosting z CDN, automatyczne deploye

Kluczowe decyzje techniczne:

• Karuzela Hero — klient sam dodaje zdjęcia realizacji do hero; każde zoptymalizowane przez Sanity CDN + quality(45) + lazy blur placeholder
• Dynamic imports — sekcje poniżej foldu ładowane dynamicznie (Services, Projects, Reviews, FAQ, Contact); redukcja initial JS o ~45 kB
• HomeDeferredContent — jeden komponent Suspense opakowuje wszystkie non-critical sekcje; hero renderowany bez opóźnień
• Intersection Observer na Turnstile — widget antyspam ładuje się dopiero gdy formularz wejdzie w viewport (200px margin); zero kosztu JS na starcie
• Google Reviews z konfiguracją z CMS — klient w Sanity Studio decyduje: czy pokazywać Google Reviews, ile, z jakim minimum gwiazdek
• JSON-LD GeneralContractor — structured data z pełnymi danymi firmy: adres, NIP, godziny pracy, rating; rich snippet w Google
• Revalidation 60s — ISR cache odświeżany co minutę; szybkość statycznej strony + świeżość CMS

4. Architektura sekcji

5. Bezpieczeństwo

Strona firmy budowlanej to cel spamerów — dlatego wdrożyłem wielowarstwowe zabezpieczenia:

• Cloudflare Turnstile — weryfikacja human/bot bez irytującej CAPTCHy; ładowana lazy
• Server-side IP rate limiting — max 5 wiadomości z jednego IP na 15 minut
• Server Actions — formularz przetwarzany po stronie serwera; zero wystawionych endpointów
• Input validation — walidacja po stronie klienta i serwera; sanityzacja danych
• CSP headers — Content Security Policy ograniczająca external scripts

6. SEO on-page

• Metadata API Next.js z danymi z Sanity CMS — title i description zarządzane z panelu
• JSON-LD GeneralContractor — organizacja, adres, godziny, rating, NIP
• Schema.org AggregateRating — średnia ocen widoczna w Google (konfigurowana z CMS)
• Open Graph — obraz OG z realizacją budowlaną; CTR z social media i komunikatorów
• Dynamiczne sitemap.ts — automatycznie generuje URL-e usług, projektów i bloga
• Blog z kategoriami — strategia content marketingowa: „Jak długo trwa budowa domu?", „Ile kosztuje remont?" — frazy, które klienci wpisują w Google

Ten projekt ma pokazać sposób, w jaki podchodzę do stron dla firm usługowych: nie tylko do wyglądu, ale też do struktury treści, zarządzania stroną, bezpieczeństwa formularzy, SEO i wydajności.

Weryfikacja techniczna wersji demonstracyjnej

Wartości powyżej opisują testy techniczne wersji demonstracyjnej. Nie przedstawiają wzrostu sprzedaży, liczby leadów ani efektów SEO po wdrożeniu u klienta.

Podsumowanie

BudMax pokazuje, że potrafię połączyć nowoczesny frontend z praktycznym zapleczem dla firmy: CMS-em, formularzami, strukturą realizacji, SEO i zabezpieczeniami. To przykład rozwiązania, które można dopasować do realnej firmy budowlanej, remontowej lub wykończeniowej.

---

Prowadzisz firmę usługową i potrzebujesz podobnego rozwiązania? Porozmawiajmy o tym, czego faktycznie potrzebuje Twój biznes.