Zanim kliknąłem “deploy” i strona pojawiła się pod robienastronie.pl — musiało się wydarzyć kilkanaście rzeczy. Ten wpis to lista tego, co faktycznie robię zanim jakikolwiek projekt pójdzie na żywo. Nie teoria — rzeczywistość.
Pomysł i domena
Domena to pierwsza decyzja i często najtrudniejsza. robienastronie.pl — bo tak mówię o tym co robię. Proste, zapamiętywalne, polskie. Nie mg-webdev.io, nie grochala-digital.com. Nazwa, którą można powiedzieć przez telefon i druga strona zapisze bez literowania.
Projekt graficzny
Nie otwieram edytora kodu dopóki nie wiem jak strona ma wyglądać. W tym przypadku powstało 20 prototypów HTML zanim wybrałem styl. Dwadzieścia. Wersja 20 — “vintage stamp” — ciemny atrament na kremowym papierze, animacje pieczątki, efekt ziarnistości. To jest to, co widzisz teraz.
Mapa architektury w FigJam — jakie strony, jak połączone, co prowadzi dokąd. Dopiero potem kod.
Stack techniczny
Astro 6 — framework, który generuje statyczny HTML. Żadnego WordPressa, żadnych 40 pluginów, żadnych aktualizacji co tydzień. Strona ładuje się błyskawicznie, bo nie ma co ładować — czysty HTML i CSS.
Cloudflare Pages — hosting. Darmowy SSL, automatyczny deploy z GitHub, CDN na całym świecie. Push do repozytorium i strona jest na żywo w minutę.
Co musiało powstać
- 19 stron — home, 5 usług, o mnie, kontakt, blog, wyniki, dziennik, realizacje, eksperymenty, polityka prywatności, 404
- 11 komponentów — nawigacja, hero z animacją pieczątki, karty usług, liczniki, formularz, footer, breadcrumbs, schema
- 5 kolekcji treści — blog, wyniki, dziennik, realizacje, eksperymenty. Każda z własnym schematem danych
- Design system — kolory, fonty (4 sztuki, self-hosted), animacje (stamp slam, typewriter, ink bleed, scroll reveal, parallax, grain canvas)
- SEO warstwa — Schema JSON-LD, robots.txt, sitemap, breadcrumbs, meta tagi, prefetch
- View Transitions — nawigacja bez przeładowania strony, z zachowaniem animacji
Czego jeszcze nie ma
Strona jest live ale z metatagiem noindex — Google jej jeszcze nie widzi. Bo:
- Treści blogowe — w drodze. Artykuły wymagają researchu, źródeł, fact-checku. Nie wrzucam byle czego
- Case studies — CIOD i Pink Ninja czekają na pełne opisy z wynikami
- Formularz kontaktowy — tymczasowo mailto, backend w planach
- Tracking — GA4 i Clarity jeszcze nie podpięte
- OG images — te ładne podglądy przy udostępnianiu linków
Po co ten dziennik
Bo mówię klientom że transparentność to moja przewaga. A jak mówisz coś takiego — musisz to udowodnić.
Ten dziennik to publiczny log budowy strony. Jakie decyzje podejmuję, co działa, co nie, ile to kosztuje czasu. Zero filtra, zero marketingowej ściemy.
Jeśli kiedyś zastanawiasz się “co tak naprawdę robi ten gość od stron” — tutaj znajdziesz odpowiedź.
Startujemy.